0

列に入れられたコンテンツが隣の列にあふれてしまうという問題があります。

これの例は次のとおりです。

<div class="row">
<div class="col-md-8"><p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p></div>
<div class="col-md-4">.col-md-4</div>
</div>

p は列 4 に入ります。8 列の最後に来ると、次の行に移動すると思っていたでしょう...

ここで何かが足りないのですか??

助けてくれてありがとう。

4

2 に答える 2

1

別の解決策は

.break{ word-wrap: break-word;}

これにより、行が強制的に改行されますが、overflow hidden は単にテキストを非表示にします。

于 2013-09-08T22:48:15.160 に答える
0

これは、HTML レンダリングの一般的な側面にすぎません。をどこで壊しpますか? 改行する論理的な場所がないため、1 行のままです。

あなたができる最善のことは、次のように設定することです。

.col-md-8 { overflow: hidden; }

これにより、余分な p が他のコンテンツにオーバーフローするのではなく、非表示になります。これは理想的なソリューションではありません。なぜなら、デザインを壊すだけではなく、コンテンツを利用できなくするからです。

p8 列は、要素の境界ボックスの幅を指定するだけです。可能な限り、コンテンツはそのボックスに収まるようにします。大きすぎて壊れないコンテンツ (非常に大きな画像も考えられます) だけがオーバーフローします。

于 2013-09-08T22:37:19.900 に答える