如何設置顯示內聯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 –

回答