html5 max-width为什么只能设置300px文本才会居中？

Question

.banner .inner{ color: #fff;
text-align: center;
background: green;
margin: auto;
max-width: 800px;
position: relative;
top: 160px;}
设置300px以上第一行文本就不会居中了。

Answer 1

你检查一下position里面的内容，有绝对的 相对的，在具体内容具体分析，这个不能随便放，而且要注意四个原则，需要放在一起

Answer 2

你单独搞个页面去测试下你的样式，看有没有问题
或者你直接设置文字的DIV margin:0 auto;就可以了，根据文字的多少自动变化宽度，文字也能自动居中

Answer 3

html代码贴出来，追答

你贴的代码图，和你上面的效果图不一样，加我我给你弄吧，

Answer 4

你应该在其它地方对P设置了样式，你可以谷歌浏览器里看一下是否有其它样式控制这个P追问

找了一下没有呀

追答

给p都加个边框，看看他们的宽度倒底是多少。border: 1px solid #000

重新更换一个页，只写你这段代码看出问题吗？这代码啥的没有问题，感觉你就是设置了padding或者被啥控制了。你需要把控制这块的代码找出来

Answer 5

详细一点有没有？追答

文字居中跟max-width没有关系，是text-align: center;控制的，你出现的问题我并没有复现出来，你的应用场景是什么？