DIV中文字不换行解决办法

解决办法如下：

word-wrap ： normal | break-word

设置或检索当当前行超过指定容器的边界时是否断开转行。

normal：

控制连续文本换行。

break-word：

内容将在边界内换行。如果需要，词内换行（word-break）也会发生。

overflow 属性规定当内容溢出元素框时发生的事情。

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

1. <styletype="text/css">

2. div{

3.    width:100px;

4.    height:100px;

5.    border:1px solid #f00;

6.    word-wrap:break-word;

7.    overflow:hidden;

8. }

9. </style>

10. <div>

11.    ssssssssssssssssssssssssssssssssss

12. </div>

---

2013-07-26新增：

如果上面的DIV中各文字之间加入<span>标签，好像就不起作用了（还是不自动换行）。

解决办法：

1 2 3 4

.link_middle span{      display:-moz-inline-box;      display:inline-block; }

经测试 兼容各种版本浏览器

      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/1124442，如需转载请自行联系原作者