Layui框架中table的td设置宽度无效
在工作中，公司用了layui框架来搭建后台管理系统，但是在使用过程中，发现了问题。当一个table表格列数很多，占满了页面时，table表格不会出现横向滑动，而且每列的内容挤在一起，特别难看。这时候想直接如下这样写：<td style="width:200px;">我是列的内容</td>却发现根本不起效果。但是每一列的内容不撑开，就会很难看，这时候该怎么办呢？我是这么解决的
·
在工作中，公司用了layui框架来搭建后台管理系统，但是在使用过程中，发现了问题。
当一个table表格列数很多，占满了页面时，table表格不会出现横向滑动，而且每列的内容挤在一起，特别难看。
这时候想直接如下这样写：
<td style="width:200px;">我是列的内容</td>
却发现根本不起效果。但是每一列的内容不撑开，就会很难看，这时候该怎么办呢？
我是这么解决的，既然不给我直接设置列的宽度，那我可以换个角度思考问题，我可以把列里面的内容，用div容器包裹起来，然后给div容器设置宽度,用内容的宽度把撑开来，也可以达到设置列宽度的效果。
示例：
原来的做法：（无效）
<table>
<tr>
<td style="width:200px;>
我是列的内容
</td>
</tr>
</table>
现在的做法：（有效）
<table>
<tr>
<td >
<div style="width:200px;>我是列的内容</div>
</td>
</tr>
</table>
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
3
0- 0
已为社区贡献1条内容
所有评论(0)