Divからのテキストの流出960 gsを使用

私は960 gsのCSSフレームワークを使用していますが、divからのテキストの流出に問題があります。どのように私はそれが最大グリッジあたりのピクセル数に達した後、テキストを別の行にするのですか？例。 .grid_4の幅は220ピクセルです。テキストの幅が220ピクセルに達した後に新しい行を作成する必要があります。Divからのテキストの流出960 gsを使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
    <link href="960.css" rel="stylesheet" type="text/css" /> 
    <link href="reset.css" rel="stylesheet" type="text/css" /> 
    <link href="text.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <div id=container class="container_12"> 
    <div id=header class="grid_4 suffix_4"> 
     ian 
    </div> 
    <div id=header class="grid_4"> 
     <p>assddjklaldakljdlajdlajdjajdlajldjaljdajdlajdkljakldjklajdkladkladjakldjakldjkladlajdkladkljadjakldkladasldjad</p> 
    </div> 
    </div> 
    <body> 

    </body> 
</html>

出典

2012-02-14 fardown

これについては特に何もありません。

デフォルトでは、単語区切り文字（スペースなど）がある場合にのみ、単語の折り返しが行われます。

word-wrapプロパティでこれを無効にすることができます。

p { 
    word-wrap:break-word; 
}

...しかし、通常、長い文字列の中に単語区切りを含めないでください。

出典

2012-02-14 19:56:42 Quentin

word-wrap：break-wordに加えて、css3属性の単語区切りhttp://www.css3.com/css-word-break/を使用することもできますが、css3では古いブラウザ/ IEでは効果があがりません。もう1つの方法は、オーバーフローを設定することです。または単語を分割するためにjavascriptを使用してください。

ワードラップと単語区切りの違いについては、What is the difference between "word-break: break-all" versus "word-wrap: break-word" in CSS

を参照してください。

出典

2012-02-14 20:41:13

Divからのテキストの流出960 gsを使用

答えて

関連する問題