Display Inlineを使用して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表示ブロックはすべてのまともなブラウザでサポートされています。http://www.quirksmode.org/css/display.html –

答えて