CSSまたはPHPでテキストを特定の幅に制限する

Question

私はdivに入れたテキストを持っています。これはphp ..（データベースから取ったもの）によって自動的に生成されます。

しかし、テキストはdiv上に伸びています。

ここに私がしたいことの例があります：

<div>
<?php 
     Generate_All_Text_Content_Here();
?>
</div>

私はdivがテキストの伸びる場所に制限されるようにしたい。300pxを超えないようにする。

私はそれに幅の測定を与えようとしましたが、div要素に影響はありません

0

追加された 06 2月 2012 〜で 09:12 著者 Dmitry Makovetskiyd 編集された 06 2月 2012 〜で 09:14

ビュー: 4

例はどこですか？

追加された 06 2月 2012 〜で 09:13, 著者 sandeep, 源

divの上にテキストがどのように伸びていますか？デフォルトのボックスモデルの仕組みではありません。

追加された 06 2月 2012 〜で 09:17, 著者 Gordon, 源

@sandeepあります;）。

追加された 06 2月 2012 〜で 09:15, 著者 kapa, 源

3 答え

著者 Christoph · Answer 1 · 2012-02-06T09:18Z

あなたのスタイルに追加する

div{
  max-width:300px;
  word-wrap:break-word;
  text-overflow: or ;
  overflow: or ;
}

this should really cover everything >.<

4

追加された 06 2月 2012 〜で 09:18 著者 Christoph

ありがとう..これはします

追加された 06 2月 2012 〜で 09:25, 著者 Dmitry Makovetskiyd, 源

行方不明： white-space：nowrap;

追加された 06 2月 2012 〜で 12:25, 著者 deed02392, 源

ホワイトスペース：nowrap;それは固定幅の悪いアイデアとなる単一の行にすべてを置くので、悪い考えです。

追加された 06 2月 2012 〜で 12:41, 著者 Christoph, 源

著者 Waiting for Dev... · Answer 2 · 2012-02-06T09:19Z

CSSでdivの幅を設定するだけで、テキストは大きくなりません：

div {
  max-width: 300px; /*Or simply width: 300px; if you want the div always to be that width*/
}

著者 deed02392 · Answer 3 · 2012-02-06T09:16Z

なぜこのようなことをしないのですか？

<div style="<?php echo get_text_width(); ?>">
    <?php Generate_All_Text_Content_Here(); ?>
</div>