当前位置：首页 → 问答吧 → 如何让DIV内的字符串不溢出？自动换行

如何让DIV内的字符串不溢出？自动换行

时间：2011-09-01

来源：互联网

HTML code


<!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>INDEX</title> 
<style>
.my { border:1px solid red; width:50px; height:100px; }

</style>
</head>
<body>

<div class="my">

wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</div>
</body>

作者: YuNa123 发布时间: 2011-09-01

不是有自动换行那个属性么？

作者: gengchenhui 发布时间: 2011-09-01

CSS code


.my { border:1px solid red; width:50px; height:100px; word-wrap:break-word;}

怎么提交成功了，html没重新生成？

作者: calmcrime 发布时间: 2011-09-01

white-space:normal;
word-break:break-all;
overflow:hidden;
加上这三个属性就可以了
第一个是空白的不换行.
第二个是文字换行.
第三个是超出部分隐藏.

作者: sd482106 发布时间: 2011-09-01

多的部分可以隐藏

作者: zsx841021 发布时间: 2011-09-01

不是默认的么？

作者: BLUE_LG 发布时间: 2011-09-01

如何让DIV内的字符串不溢出？自动换行

热门阅读

热门下载