Markdown-设置表格宽度

发表于 | 分类于
字数统计: 149 | 阅读时长 ≈ 1

绝对长度指定列宽

1
2
3
4
5
6
7
8
9
10
11
<style>
table th:first-of-type {
    width: 30px;
}
table th:nth-of-type(2) {
    width: 150px;
}
table th:nth-of-type(3) {
    width: 50px;
}
</style>

效果
图片1

百分比指定列宽

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style>
table th:first-of-type {
    width: 10%;
}
table th:nth-of-type(2) {
    width: 30%;
}
table th:nth-of-type(3) {
    width: 60%;
}
</style>

| a2 | b2 | c2 |
|---|---|---|
| 列宽 = 10% 行宽| 列宽 = 30% 行宽 |列宽 = 60% 行宽 |

效果

图片2

-------------本文结束感谢您的阅读-------------
分享到： 收藏夹 复制网址 邮件 微信 QQ空间 腾讯微博 豆瓣 一键分享 更多