6

テキストをdivの幅に合わせるにはどうすればよいですか。これが私のコードです

<div class="column">
    <a href="#" class="user_thumbnail">
        <img src="<?=base_url()?>/images/1.jpg" width="100px" height="100px">

    </a>
    <span class="name">texttexttexttexttexttexttexttexttexttext</span>
</div>

テキストを表示しようとすると、テキストが直線のように div からはみ出します。<div class="column">テキストを（幅= 33％）の幅に合わせるためにcssを実行するにはどうすればよいですか。

4

2 に答える 2

15

word-wrap:break-word

  • 長い単語は次の行に折り返します。
  • 単語が途中で切れないように調整します。

そこで、以下のCSSを試してください

.column {
    width: 33%;
    word-wrap: break-word;
}

JSFiddle

于 2013-08-01T12:47:25.563 に答える
3

使用できます（タイトルのように高さではなく、divの幅word-break: break-all;に合わせるつもりであると仮定します）

.column {
    width: 33%;
    word-break: break-all;
}

http://jsfiddle.net/VbTes/1/

于 2013-08-01T12:45:13.220 に答える