先给大家放置一段代码，意会一下
<html>
<head>
<meta charset="utf-8" />
<title>sad</title>
</head>
<body>
<div style="width: 100px;height: 100px;background-color: aqua;">
12ssssssssssssssssssssssssssssss3
</div>
word-wrap: break-word(自动换行)
<br>
<div style="width: 100px;height: 100px;background-color: aqua;word-wrap: break-word">
12ssssssssssssssssssssssssssssss3水水水水水水水水水水水水水水水水水水水
</div>
<br>
overflow:hidden（限制高宽）
<div style="width: 100px;height: 100px;background-color: aqua;overflow:hidden">
12ssssssssssssssssssssssssssssss3
</div>
overflow:auto;（自动换行+滚动条）
<div style="width: 100px;height: 100px;background-color: aqua;overflow:auto;word-wrap: break-word">
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
</div>
(注意：如果div放在li中还需要加上display：inline-block属性)
</body>
</html>
这是效果
1、默认状态：
内容：12ssssssssssssssssssssssssssssss3
2、word-wrap: break-word(自动换行)
内容：12ssssssssssssssssssssssssssssss3水水水水水水水水水水水水水水水水水水水
3、overflow:hidden（限制高宽多余被div覆盖掉）
内容：12ssssssssssssssssssssssssssssss3
4、overflow:auto;（自动换行+滚动条）
内容：ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
