文字溢出Div使用960 gs

html
css

2012-02-14 68 views 0 likes

我使用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

回答

对此，没有特定的960。

默认情况下，只有在存在单词中断字符（如空格）时才会换行。

您可以用word-wrap属性覆盖此值。

例如

p { 
    word-wrap:break-word; 
}

...但通常情况下，您最好确保没有很长的字符串，而且字符间没有中断。

来源

2012-02-14 19:56:42 Quentin

除了word-wrap：break-word之外，还可以使用css3属性word-break http://www.css3.com/css-word-break/，但是因为它们是css3，所以旧版浏览器/ IE可能不会给出很好的结果。另一个选项是设置溢出：隐藏;或者使用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

回答

相关问题