首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css与滚动条的有关问题~疑惑

2012-02-24 
css与滚动条的问题~~~~~~疑惑!!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://

css与滚动条的问题~~~~~~疑惑!
<!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>  
<title>无标题文档</title>  
</head>  
<body>  
1.  
<div style="font-size: 12px;overflow:auto; width:100px; height:100px;line-height: 20px;">文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字文字这是测试文字!!!!!!!!!!!!!!!!!!!!!!!</div>
2.
<div style=" font-size: 12px; overflow: auto; width: 120px; line-height: 20px; height: 80px">
<p>这是测试文字</p>
<p>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字!!!!!!!!!!!!!!</p></div> 
</body>  
 3.
<div style="overflow: auto; width: 120px; line-height: 20px; height: 80px">
这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</div> 
</body>  
</html> 

上面是3个DIV,这3个DIV的样式都一样~~~问题是为什么DIV的"内容"是汉字的时候 ,内容的宽度大于DIV的宽度,内容会跳行!

为什么"内容"是符号的时候~~DIV的宽度会随内容的宽度增加????

[解决办法]
需要用word-break:break-all

热点排行