【发布时间】：2012-01-05 22:35:49
【问题描述】：
我有以下 div 元素：
<div style="width: 40px; height: 40px; overflow: hidden; display: inline;">
Hello my friend, How are you?</div>
宽度总是被忽略！我怎么能有 40px 呢？
谢谢，
【问题讨论】：
【发布时间】：2012-01-05 22:35:49
【问题描述】：
使用display:inline-block;。大多数带有display:inline 的元素都会忽略大小属性。
<div style="width: 40px; height: 40px; overflow: hidden; display: inline-block;">
Hello my friend, How are you?</div>
【讨论】：
-
否决票的任何理由？答案是正确的，见jsfiddle.net/bd8YE
-
我记得 "inline-block" 可能无法被所有浏览器识别，但答案是正确的；您不能使用“display:inline”设置宽度，您必须将其更改为其他内容。
-
@janzi Display-block 被所有体面的浏览器支持：quirksmode.org/css/display.html
-
显然我记得 IE7 的问题。