重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

html解决table设置宽度无效的问题

时间:2020-10-26 20:20:08 作者:重庆seo小潘 来源:
这篇文章主要介绍了html解决table设置宽度无效的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 如果对table设置table-layer:fixed样式后,发现表格中有一行合并过,其它没

这篇文章主要介绍了html解决table设置宽度无效的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

如果对table设置table-layer:fixed样式后,发现表格中有一行合并过,其它没有合并的行的列宽会平均化,对列宽的设置会失效。

解决方法:

在tbody前面加

.detail {

padding-bottom: 50px;

margin-top: 80px;

}

.detail_table {

table-layout:fixed;/*列宽由表格宽度和列宽度设定。*/

margin: auto;/*table居中*/

text-align: center;

border: 1px solid #804040;

border-collapse: collapse;

}

.detail_table th {

padding: 26px;;

}

.detail_table td {

border: 1px solid #804040;

padding-top: 16px;

padding-bottom: 16px;

}

.special {

text-align: left;

padding-left: 20px;

}

选择的选项明细

序号

症状

符合

不符合

不确定

到此这篇关于html解决table设置宽度无效的问题的文章就介绍到这了,更多相关table设置宽度无效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

来源:脚本之家