在div内浮动后,其内的元素水平贴合但是整体却居中对齐怎么办

发布网友发布时间：2022-05-05 23:33

共3个回答

热心网友时间：2022-06-29 13:35

在css层样式里浮动（float:）只能设计左和右，不能设置居中。

自从换了ie8.0之后，我的博客中间的内容部分就靠到左边去了，在ie7和ie6的时代只需将外面方框的文本对齐方式设置为居中（text-align: center;），则里面的内容不用管它，就会自动居中了。

CSS里的“text-align: center”就相当于是表格里的“<td align="center"></td>”一样

到了ie8的时代，依旧是这样设置，里面的内容却不是居中显示了，而是默认居左停靠，要想让他们居中我还是伤了不少脑筋，最后是这么解决的：

外面的div就不用设置什么了（即不必“text-align: center”）。在里面需要居中显示的div上，设置好固定的宽度之后，再将方框的左右边界设置为“自动”，设置好之后应该是：

margin-right: auto;
margin-left: auto;

这样的话，这个div就自动居中显示了，而不会跑到左边去了。

热心网友时间：2022-06-29 13:36

看一下div元素的padding-left属性值，是否是因为此属性值设置的过大的原因；
又或者是因为div内第一个子元素的magin-left属性值的问题追问



追答其实，你只要将自己编写的html，用浏览器打开，然后点击F12打开开发者工具，找到对应标签，在computed窗口就可以看到加载后标签的样式情况（盒子模型），然后在style窗口加以修改，直到合适。
最后，把修改后的样式，改到自己的html文档或css文件中就可以了。
自己动手，永远是学习最好的“捷径”。
另外，你把padding写成pading了

热心网友时间：2022-06-29 13:36

你不发代码，是准备让我去猜你哪里错了吗？追问



