3

divが「インライン」としてスタイル設定されている場合、そのすべてのディメンション変数は効果を失ったように見えます。

例えば

<div id="test" style=" border: 1px solid;padding:3px;width:40px; height:100px;">
foobar
</div>

大きなボックスが表示されますが、インラインスタイルを追加すると、ボックスは最小サイズに縮小されます。

例えば

<div id="test" style="display:inline; border: 1px solid;padding:3px;width:40px; height:100px;">
foobar
</div>

私の質問は、divをインライン（前のテキストと同じ行）に保ち、同時にそのサイズを修正できる方法があるかどうかです。（divまたはspanのいずれか）

ありがとう。

4

3 に答える 3

14

インライン要素の幅は無視されます。私の経験から、このような場合、aを使用するfloatと問題が解決します。

を使用することもできinline-blockますが、古いブラウザをサポートする必要がある場合は、これを使用したくない場合があります。

フロートされたdivは、最も近いブロック要素の親の左側にフロートします（この親もフロートされていないと仮定します）。divがフローティングしている場所をさらに制御する必要がある場合は、フローティングdivの周りにラッピング（非フローティングおよびブロック）divを追加します

于 2012-05-30T20:27:48.707 に答える
2

使用display: inline-blockまたは（より良い）display: block; float: left

于 2012-05-30T20:27:42.190 に答える
1

使用するdisplay: inline-block;

PS：inline-block一部の古いブラウザでは使用できません。

于 2012-05-30T20:27:00.537 に答える