如何为具有“display inline”属性的Div元素设置固定宽度？

Question

我有下面这个div元素：

<div style="width: 40px; height: 40px; overflow: hidden; display: inline;">
                Hello my friend, How are you?</div>

宽度总是被忽略了！我该怎么让它变成40px？

谢谢。

- The Light

Answer 1

使用 display:inline-block;。对于大多数具有display:inline属性的元素，大小属性会被忽略。

<div style="width: 40px; height: 40px; overflow: hidden; display: inline-block;">
            Hello my friend, How are you?</div>

- Rob W

---

有任何降低评分的原因吗？答案是正确的，可以在 http://jsfiddle.net/bd8YE/ 上看到。 - Rob W

“inline-block” 可能不会被所有浏览器识别，但答案是正确的；您无法使用 “display:inline” 设置宽度，必须将其更改为其他值。 - janzi

@janzi display-block被所有好的浏览器支持：http://www.quirksmode.org/css/display.html - Rob W

显然我记错了IE7的问题。 - janzi