2013-12-13 11 views
10

私は指定された幅のdivを持っていますが、その中のテキストは分割されずにdivにフィットしています。小さなdivに収まるように長いテキストを作るには?

これは間違った質問です。それはdivの中に収まるようにするには?

私は少なくとも完全に内部にフィットすることは不可能であると信じています。

のCss

.limit{ 
    width:50px; 
} 

HTML

<div class="limit"> 
    <p>fasfhfhsjdhkjhdkjhfjkhdsfjkhdfjhdfiuhadfhjdfhjadskf kjahsdjfahdfuahsdf dhsf</p> 
</div> 

JSFIDDLE

+0

.limit {幅:は50px;ワードラップ:ブレークワード;} [div要素の幅にフィットコンテンツを作る]の –

+0

可能複製(http://stackoverflow.com/questions/17994392/make-content-the-width-of-the-div) – Pbk1303

答えて

24

必要なのはword-wrap: break-word;

.limit{ 
 
    width:50px; 
 
    word-wrap: break-word; 
 
}
<div class="limit"> 
 
    <p>fasfhfhsjdhkjhdkjhfjkhdsfjkhdfjhdfiuhadfhjdfhjadskf kjahsdjfahdfuahsdf dhsf</p> 
 
</div>
012です一方

Demo

あなたが文を破るために見ていない場合、あなたはまた、autoまたはoverflow-x: scroll;overflowプロパティセットを使用することができます - クラスの制限を変更Demo

0

。テキスト全体を1行に表示することができます。

CSS

.limit p { 
    overflow-x: scroll; 
    white-space: nowrap; 
    width: 50px; 
} 
関連する問題