style="display:inline-block;width:300px;word-wrap:break-word;white-space:normal"

<span></span>

style样式+span标签

<td align="left"  nowrap="nowrap" style="display:inline-block;width:300px;word-wrap:break-word;white-space:normal">

     <span>A.${list[2]}<br/>B.${list[3]}<br/>C.${list[4]}<br/>D.${list[5]}</span>

</td>

直接在TABLE属性加入style="word-break:break-all"即可  

因为在做前端界面的时候发现，大段大段的文字，在界面上是不会自动换行的，而是直接撑开整个窗口形成滚动条，跑出我们的界面以外去了。
我在网上搜索了很多如何设置自动换行

总结一下有以下属性需进行设置：

word-wrap：break-all

word-wrap : break-word

overflow:hidden  等
我尝试了很多种组合，甚至把这些属性全部加进我的css里。

结果很奇怪，都没有成功。

但是不排除提供这些答案的人是成功的。

然后我尝试加入了white-space：normal后

终于成功自动换行了。

对我这样只能自学的新人来说，算是个重要的发现。哈哈哈哈希望对各位小白有用。
如果有想一起交流学习前端的小可爱可以加一下好友：593141947.如果有大佬愿意带一下就跟好了。(*￣︶￣)

随手记录一下学习的过程。

<span style="font-size:18px;">style="table-layout: fixed; word-break: break-all; word-wrap: break-word" 

语法： 
word-break : normal | break-all | keep-all 
参数： 
normal : 　依照亚洲语言和非亚洲语言的文本规则，允许在字内换行 
break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 
keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 

语法：
word-wrap : normal | break-word 
参数：
normal : 　允许内容顶开指定的容器边界
break-word : 　内容将在边界内换行。如果需要，词内换行（word-break）也行发生
说明：
设置或检索当当前行超过指定容器的边界时是否断开转行。

语法：
table-layout : auto | fixed 
参数：
auto : 　默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 　固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关</span>
<span style="font-size:18px;">
</span>
<span style="font-size:18px;">但存在问题，单词被截断了：</span>
<span style="font-size:18px;color:#ff0000;"><span style="font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; line-height: 28px;"><strong>使用：</strong></span></span>
<span style="font-size:18px;"><span style="color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; line-height: 28px;">table {</span><br style="line-height: 28px; color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px;" /><span style="color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; line-height: 28px;">table-layout: fixed;</span><br style="line-height: 28px; color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px;" /><span style="color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; line-height: 28px;">word-wrap:break-word;</span><br style="line-height: 28px; color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px;" /><span style="color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; line-height: 28px;">}</span><br style="line-height: 28px; color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px;" /><span style="color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; line-height: 28px;">div {</span><br style="line-height: 28px; color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px;" /><span style="color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; line-height: 28px;">word-wrap:break-word;</span><br style="line-height: 28px; color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px;" /><span style="color: rgb(105, 105, 105); font-family: 'Hiragino Sans GB W3', 'Hiragino Sans GB', Arial, Helvetica, simsun, u5b8bu4f53; font-size: 16px; line-height: 28px;">}</span>
</span>