如何设置显示内联Div元素的固定宽度？

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

宽度总是被忽略！我怎么能把它作为40px？

谢谢，

2011-11-24 The Light

使用display:inline-block;。在display:inline的大多数元素上，大小属性被忽略。

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

2011-11-24 21:05:28

downvote的任何原因？答案是正确的，如http://jsfiddle.net/bd8YE/ –

所示，当我记得它时，“inline-block”可能无法被所有浏览器识别，但答案是正确的;你不能用“display：inline”设置宽度，你必须将其改为别的。 – janzi

@janzi所有不错的浏览器都支持Display-block：http://www.quirksmode.org/css/display.html –

回答