美文网首页css
如何让table表格中td宽度固定并且内容自动换行

如何让table表格中td宽度固定并且内容自动换行

作者: 码农小杨 | 来源:发表于2017-09-30 11:35 被阅读345次

设置宽度固定自动换行我使用的是样式：word-break:break-all
代码部分：

<table class="table table-striped table-bordered " width="100%" style="word-break:break-all;">
 <thead>
                    <tr class="headings">
                        <th class="text-center column-title">旁听课程</th>
                        <th class="text-center column-title">评分</th>
                        <th class="text-center column-title" width="15%">语音设备状况</th>
                        <th class="text-center column-title" width="15%">互动</th>
                        <th class="text-center column-title" width="15%">教学</th>
                        <th class="text-center column-title">记录人</th>
                        <th class="text-center column-title">记录时间</th>
                    </tr>
 </thead>
</table>

这样就能实现宽度固定，内容自动换行。

相关文章