html – 最小和最大宽度搞乱文本对齐中心

概述小提琴： http://jsfiddle.net/uK7w6/1/ <h1>this is a really, really long sentence</h1>h1 { min-width:100px; max-width:100px; text-align:center;} 如果你摆脱了最大和最小宽度,句子中心很好,但我希望它中心,而不是占据整个宽度.添加宽度约束 小提琴：
http://jsfiddle.net/uK7w6/1/

<h1>this is a really,really long sentence</h1>h1 {    min-wIDth:100px;    max-wIDth:100px;    text-align:center;}

如果你摆脱了最大和最小宽度,句子中心很好,但我希望它中心,而不是占据整个宽度.添加宽度约束时,为什么文本左对齐？

解决方法 h1中的文本实际上居中,但它在100px宽度框内居中.如果你想让h1漂浮在窗口中间,那么添加一个边距：0 auto;. h1与左对齐的主要原因与display：Box属性有关.

<h1>this is a really,really long sentence</h1><style type="text/CSS">h1 {    min-wIDth:100px;    max-wIDth:100px;    text-align:center;    margin:0 auto;}</style>

总结

以上是内存溢出为你收集整理的html – 最小和最大宽度搞乱文本对齐中心全部内容，希望文章能够帮你解决html – 最小和最大宽度搞乱文本对齐中心所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。