html – 最小和最大宽度搞乱文本对齐中心
发布时间:2020-12-14 18:28:18 所属栏目:资源 来源:网络整理
导读:小提琴: http://jsfiddle.net/uK7w6/1/ h1this is a really,really long sentence/h1h1 { 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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |