css

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

2017-09-30  本文已影响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>

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

上一篇 下一篇

猜你喜欢

热点阅读