DIV如何自动换行如何设置可以自动实现文本换行操作 ，很多人在使用DIV设计网页的时候都会遇到DIV区块不能自动换行的问题，那么怎么解决呢？以下收集了具体的解决方法：
<html>
<head>
</head>
<body>
<div style=”width:50%;background-color:orange;overflow:auto”>
<div style=”float:left”>版块名称</div>
<div style=”float:left;background-color:fuchsia”>第二天，请了个假，跑到银行把卡里仅有的三千块钱汇了过去，也无心上班，在附近公园的长椅上坐了整整一个上午，想了很多很多。也许这点钱很微不足道，但起码也能够帮一点小忙，如果不够也只能再想想办法。楼主也是刚毕业了不久，在一家小公司做一名小职员，拿着为数不多的薪水，作为一个职场新人日子也是过得紧巴巴地。我也只能帮这么多了。
</div>
</div>
</body>
</html>
div加上固定宽度便可
|
1
2
3
4
5
6
7
8
9
10
11
|
<html> <head> </head> <body> <div style="<span style="color: #FF0000;">width:400px</span>;background-color:orange;overflow:auto"> <div style="float:left; <span style="color: #FF0000;">width:70px</span>">版块名称 </div> <div style="float:left; <span style="color: #FF0000;">width:325px</span>;background-color:fuchsia;">第二天，请了个假，跑到银行把卡里仅有的三千块钱汇了过去，也无心上班，在附近公园的长椅上坐了整整一个上午，想了很多很多。也许这点钱很微不足道，但起码也能够帮一点小忙，如果不够也只能再想想办法。楼主也是刚毕业了不久，在一家小公司做一名小职员，拿着为数不多的薪水，作为一个职场新人日子也是过得紧巴巴地。我也只能帮这么多了。</div> </div> </body> </html> |
css语法：
overflow : visible | auto | hidden | scroll
css设计参数：
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
css说明：
检索、设置当对象内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
table来说，假如table-layout属性设置为fixed，则td对象支持带有默认值为hidden的overflow属性。如果设为hidden，scroll或者auto，那么超出td尺寸的内容将被剪切。如果设为visible，将导致额外的文本溢出到右边或左边（视direction属性设置而定）的单元格。IE5开始，此属性在MAC平台上可用。对应的脚本特性为overflow。请参阅我编写的其他书目。
具体示例：
body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
本文链接地址: DIV如何自动换行如何设置可以自动实现文本换行css操作