Hello my friend, How are you?</div> 幅は常に無視されます!どうすれば40pxにすることができますか? ありがとう、 "> Hello my friend, How are you?</div> 幅は常に無視されます!どうすれば40pxにすることができますか? ありがとう、 "> Hello my friend, How are you?</div> 幅は常に無視されます!どうすれば40pxにすることができますか? ありがとう、 " />

表示インラインでdiv要素の固定幅を設定する方法

私は以下のdiv要素を持っています:

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

幅は常に無視されます!どうすれば40pxにすることができますか?

ありがとう、

10

1 答え

display:inline-block; を使用します。サイズプロパティは、 display:inline を持つほとんどの要素で無視されます。

<div style="width: 40px; height: 40px; overflow: hidden; display: inline-block;">
            Hello my friend, How are you?</div>
18
追加された
downvoteの理由は何ですか? jsfiddle.net/bd8YE のように答えは正しいです。
追加された 著者 Rob W,
@janzi表示ブロックは、すべての適切なブラウザでサポートされています: quirksmode.org/css/display.html
追加された 著者 Rob W,
「インラインブロック」はすべてのブラウザで認識されないかもしれませんが、答えは正しいです。 "display:inline"で幅を設定することはできません。別のものに変更する必要があります。
追加された 著者 janzi,
明らかに私はIE7の問題を覚えていた。
追加された 著者 janzi,