首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css取消表格默认的行高

发布于 2024-11-11 13:50:58
0
65

CSS中,当我们使用表格元素(table、tr、td等)时,默认会有一定的行高,如果想取消这个默认行高怎么做呢?

table,
tr,
td {
    border: none;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    line-height: 1;
} 

如上代码所示,我们可以使用line-height: 1来将表格元素的行高设置为1,从而取消默认的行高。同时,我们还可以使用border: none和border-collapse: collapse来取消表格的边框。

需要注意的是,取消表格行高可能会使表格内容重叠或者错位,因此需要根据具体情况进行调整。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流