css让浮动元素水平居中_html/css

来源：动视网责编：小采时间：2020-11-27 16:12:06

css让浮动元素水平居中_html/css

css让浮动元素水平居中_html/css_WEB-ITnose:对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。如下： HTML 代码：我是浮动的我也是居中的 CSS 代码： .box{ float:left; position:re

推荐度：

点击下载本文 文档为doc格式

导读css让浮动元素水平居中_html/css_WEB-ITnose:对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。如下： HTML 代码：我是浮动的我也是居中的 CSS 代码： .box{ float:left; position:re

对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。

对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。如下：

HTML 代码：

我是浮动的

我也是居中的

CSS 代码：

.box{ float:left; position:relative; left:50%;}p{ float:left; position:relative; right:50%;}

这样就解决了浮动元素水平居中了；

父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。

css让浮动元素水平居中_html/css

推荐度：

点击下载本文 文档为doc格式

标签：元素 html css设置

热门焦点

css让浮动元素水平居中_html/css

css让浮动元素水平居中_html/css

css让浮动元素水平居中_html/css

最新推荐

猜你喜欢

热门推荐