bootstrap 設置表格固定寬度 內容換行

在項目中開發的時候用的bootstrap,但是有些表格的內容

會顯示的很長

那么我第一時間想到的就是 修改td或者th的width,但是我設置了 之后不起作用

於是百度找到了解決方法:

學習源頭:

https://blog.csdn.net/u011233568/article/details/79199007

https://blog.csdn.net/qq_30616169/article/details/55212284?locationNum=7&fps=1

 

於是代碼就是

<style>
        #tb {table-layout:fixed;}
    </style>
<table class="table table-bordered table-hover" id="tb" style="word-break:break-all; word-wrap:break-all;" >
</table>
<th class="text-left" style="width: 186px;">xxx</th>