1. 首頁
  2. 問答
  3. 文字溢出Div使用960 gs

文字溢出Div使用960 gs

2012-02-14 70 views
0

我使用960 gs CSS框架，並遇到文字溢出div的問題。如何讓文本在達到每個gri的最大像素數之後再製作一行？恩。 .grid_4的寬度是220像素。在文本寬度達到220 px後應該創建一個新行。文字溢出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

回答

2

對此，沒有特定的960。

默認情況下，只有在存在單詞中斷字符（如空格）時纔會換行。

您可以用word-wrap屬性覆蓋此值。

例如

p { 
    word-wrap:break-word; 
}

...但通常情況下，您最好確保沒有很長的字符串，而且字符間沒有中斷。

來源

2012-02-14 19:56:42 Quentin

相關問題

 相關問題