table表格字母无法换行

在项目中，用到的table比较多，本来布局挺好的，后来在td内写入英文字母，整个布局就乱了，会撑的很宽，不换行，后来才知道：一般字母的话会被浏览器默认是一个字符串或者说一个单词，所以不会自动换行。

于是就需要进行设置，让表格自动换行：

1.在td中设置样式style为word-wrap:break-word;word-break:break-all;（一般只需设置word-break:break-all，但有时候需加word-wrap:break-word ),td设置这俩样式的时候，table不需要设置fixed;; 
2.把表格的sytle的table-layout：fixed，就是表格固定宽度，就是表格既要自适应他外面的容器，也不要撑出去，然后设置td的word-wrap：break-word；换行即可,这样设置的话，tabel会平分成两部分，所设置的不同宽度就不起作用。

 

其他元素实现换行：

强制不换行

div{
　　white-space:nowrap;
}

自动换行

div{ 
　　word-wrap: break-word; 
　　word-break: normal; 
}

强制英文单词断行

div{
　　word-break:break-all;
}

转载于:https://www.cnblogs.com/moutudou/p/7204391.html