div+css中实现文字自动换行代码如下：
1、CSS代码：#wrap{white-space:normalwidth:200px}。
2、DIV代码：<div >ddd1111111111111111111111111111111111</div>。
可以实现文字自动换行。
在Microsoft Excel软件单元格中，如果文本过长，则超出列宽以外的文本将被隐藏起来。
为了在保持列宽一定的情况下显示出单元格中的所有文本，可以设置文字自动换行。
你可以这样写\x0d\x0a\x0d\x0a//这是一条记录，你只要循环这里就好\x0d\x0a\x0d\x0a\x0d\x0acss:\x0d\x0adiv{border-top:1px solid #efefefborder-left:1px solid #efefef}//这是外围DIV的CSS样式\x0d\x0adiv strong,div span{float:leftborder-right:1px solid #efefefdisplay:blockheight:50pxborder-bottom:1px solid #efefef}//定义一条记录的边框和高度\x0d\x0adiv strong{width:10%}//小的宽度\x0d\x0adiv span{width:40%}//大的宽度 回答于 2022-11-16首先，建议你一点，与其在上一个div里面用margin-bottom不如在下一个div里面用margin-top，因为margin-bottom经常会失效，而你这样的布局可以这样写
<style>
*{margin:0pxpadding:0px}
body{margin:0px
auto}
.blue{margin:0px
autobackground:#34d5f2padding:150px
50pxmargin-top:100pxwidth:500pxoverflow:hidden}
.white{margin-top:50pxbackground:#fff}
.white1{width:400pxheight:250px}
.white{width:400pxheight:500pxmargin-top:50px}
.white2{width:400pxheight:50pxmargin-top:50px}
.white,.white1,.white2{background:#fff}
</style>
<body>
<div
class="blue">
<div
class="white1">头部</div>
<div
class="white">内容部分</div>
<div
class="white2">尾部</div>
</div>
</body>
</html>
这样就是你要的效果了
