div 加滚动条超过div宽度自动换行 div居中

来源：互联网收集：自由互联发布时间：2021-06-13

一、div 中加滚动条一、 div style =" overflow:scroll; width:400px; height:400px;”/div 记住宽和高一定要设置噢，否则不成的不过在不超出时，会有下面的滚动条，所以不是最好的选择二、 div

一、div 中加滚动条

一、

<div style=" overflow:scroll; width:400px; height:400px;”></div>

记住宽和高一定要设置噢，否则不成的

不过在不超出时，会有下面的滚动条，所以不是最好的选择

二、

<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>

记住宽和高一定要设置噢，否则不成的

这样比较好的是，在宽和高不超出时，只是一条线

三、说明

直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：

<div style="position:absolute; height:400px; overflow:auto">

</div>

如果要出现水平滚动条，则： overflow-x:auto

同理，垂直滚动条为： overflow-y:auto

如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative

一、word-wrap: normal|break-word（word-wrap 属性允许长单词或 URL 地址换行到下一行）。

1、normal ，只在允许的断字点换行（浏览器保持默认处理，默认值）。

2、break-word，在长单词或 URL 地址内部进行换行。

二、word-break: normal|break-all|keep-all（通过使用 word-break 属性，可以让浏览器实现在任意位置的换行）。

1、normal 使用浏览器默认的换行规则。（默认值）

2、break-all 允许在单词内换行。

3、keep-all 只能在半角空格或连字符处换行。

word-break: break-all;
word-wrap: break-word;

.xxxx{
 width:900px;
 height:800px;
 margin:0 auto;
}