div中的文字不换行

Question

div中最后一行的文字没有换行

代码：

<div class='test' style='width:380px; height:auto'>
  您报名参加的课程《中国古代史》的作业《课后作业》将于2016-06-06日截止提交，请确认作业已经正确提交，否则会影响成绩哦。作业链接：http://www.chinesemooc.org/kvideo.php?do=course_homework_stut&kvideoid=4415&classesid=1223      
</div>

想不通呀！

Answer 1

word-break:break-all;

加这个强制英文单词断行

Answer 2

试试这个style='width: 380px;display: block;word-break: break-all;word-wrap: break-word;'

Answer 3

word-break:break-all;word-wrap:break-word;
这么写试试

Answer 4

题主这个问题我也遇到了，然后搜索一下就发现这个提问了。当时我用的纯数字还有纯字母测试的，发现不换行。后来换成单词或者汉字就OK了。好像是因为浏览器会把纯数字或者纯字母看作很长很长的单词，想让单词在没显示完全之前就换行只能在css里面添加word-wrap:break-word;了。

Answer 5

我表示我是加了一个display:inline-block;解决的

Answer 6

我遇到的不换行的原因是，因为我在它的父级标签设置了，溢出用...显示，所以导致超出文本没有换行，所以我把它单独剥离出来设置就OK了，提供一种思路吧。