html - テキスト幅を制限する方法

Question

テキストのブロックの幅を制限して、各行の ned に br があるように見せたいと思います。

このようなもの：

Texttttttttttttttttttttt
tttttttttttttttttttttttt
tttttttttttttttttttttttt

これから：

Texttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

div または p の幅を指定しようとしましたが、うまくいきませんでした。助言がありますか？

score 49 · Accepted Answer

次のようにcssを適用できます。

div {
   word-wrap: break-word;
   width: 100px;
}

通常、ブラウザは単語を壊しませんが、単語word-wrap: break-word;を壊すことも強制します。

デモ： http： //jsfiddle.net/Mp7tc/

ワードラップに関する詳細情報

score 3 · Accepted Answer

3

使用できますword-wrap : break-word;

于 2013-03-14T12:36:44.353 に答える

score 2 · Accepted Answer

試す

<div style="max-width:200px; word-wrap:break-word;">Texttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt</div>

score 1 · Accepted Answer

css プロパティを使用するword-wrap: break-word;

ここで例を参照してください: http://jsfiddle.net/emgRF/

score 0 · Accepted Answer

これを試して：

<style> 
p
{
    width:100px; 
    word-wrap:break-word;
}
</style>

<p>Loremipsumdolorsitamet,consecteturadipiscingelit.Fusce non nisl
non ante malesuada mollis quis ut ipsum. Cum sociis natoque penatibus et magnis dis 
parturient montes, nascetur ridiculus mus. Cras ut adipiscing dolor. Nunc congue, 
tellus vehicula mattis porttitor, justo nisi sollicitudin nulla, a rhoncus lectus lacus 
id turpis. Vivamus diam lacus, egestas nec bibendum eu, mattis eget risus</p>

score 0 · Accepted Answer

あなたがやろうとしているのは、長いテキストをスペースなしで折り返すことだと思います。

これを見てください：Hyphenator.jsとそれはデモです。

score 0 · Accepted Answer

<style>
     p{
         width:     70%
         word-wrap: break-word;
     }
</style>

私の場合、これは機能しませんでした。次のスタイルを追加するとうまくいきました。

<style>
     p{
        width:     70%
        word-break: break-all;
     }
</style>

html - テキスト幅を制限する方法

10 に答える 10

Related

Reference