div+css中怎样实现文字自动换行？

div+css中实现文字自动换行代码如下：

1、CSS代码：#wrap{white-space:normalwidth:200px}。

2、DIV代码：<div >ddd1111111111111111111111111111111111</div>。

可以实现文字自动换行。

在Microsoft Excel软件单元格中，如果文本过长，则超出列宽以外的文本将被隐藏起来。

为了在保持列宽一定的情况下显示出单元格中的所有文本，可以设置文字自动换行。

在编辑器里面一般都有，编辑这个选项，里面有自动换行选项，里面能选多少个字符自动换行。

1、文字会视容器的宽度自动换行。

2、一般都是用限制宽度来控制的，设置固定宽度，溢出为隐藏，这样就可以达到自动换行的目的。

3、在table中加入style=＂table-layout:fixed＂在td中加入style=＂word-break

:

break-alloverflow:hidden＂。

4、正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的

white-space:normal

,当定义的宽度之后自动换行。

对于div,p等块级元素

正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行。

1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word 或者word-break:break-all实现强制断行

效果：可以实现换行

2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条

效果：容器正常，内容隐藏

对于table

1. (IE浏览器)使用 table-layout:fixed强制table的宽度,多余内容隐藏

abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss

效果：隐藏多余内容

2.(IE浏览器)使用 table-layout:fixed强制table的宽度,内层td,th采用word-break : break-all或者word-wrap : break-word 换行

效果：可以换行

3. (IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法

4.(Firefox浏览器)使用 table-layout:fixed强制table的宽度,内层td,th采用word-break : break-all或者word-wrap : break-word 换行，使用overflow:hidden隐藏超出内容，这里overflow:auto无法起作用

效果：隐藏多余内容

5.(Firefox浏览器) 在td,th中嵌套div,p等采用上面提到的对付Firefox的方法

运行代码框

最后，这种现象出现的几率很小，但是不能排除网友的恶搞。

---