<span>タグの幅を固定する方法

Question

タグの内側にタグがあり、タグの内側に長いテキストがある場合、そのテキストがdivタグの外側に出てはならないことを望みます。 修正方法

<div width="100"> 
    <span>this is heading<br/> 
     abcdefghi jk lmssdfd dfg fgfg gf gfgf gfg fgf hasasas asasasas sasasdfd fdfdf 
    </span> 
</div> 

Answer 1

divのスタイリングにoverflow:hiddenを追加します。

Answer 2

あなたは正しいスタイルタグの幅を定義しword-wrap: break-word;

Answer 3

を記述する必要があります。

<div style="width:100px;"> 
    <span>this is heading<br/> 
     abcdefghi jk lmssdfd dfg fgfg gf gfgf gfg fgf hasasas asasasas sasasdfd fdfdf 
    </span> 
</div> 

これは、テキストをdiv内にのみ配置します。

Answer 4

このコンテキストでは、マークアップ<div width="100">は無効で、width属性は無視されます。

有効な方法で要素の幅を設定すると、<div style="width: 100px">（これは実際の方法ではないため、px寸法を避ける必要があります）、コンテンツはその幅内にとどまります。しかし、その中に単語やその他の式があり、ブラウザがその範囲内の1行に収まらない場合は、オーバーフローが発生し、さまざまな方法で処理できます。質問は、これが問題であるかどうか、そしてどのような種類の解決策が望まれるかを特定しない（例えば、内容を切り捨てるべきかどうか）。