CSS中设置所有td的内边距

た入场券 2023-10-18 20:51 73阅读 0赞

## 场景 ##

业务需求设置表格中td的内边距。

如果直接使用html，需要在每个html中引入css样式。

如果需要实现抽取公共页面，引用公共css文件，参照：

Thymeleaf中设置每个页面引入公共css样式：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/94010967][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_94010967]

## 实现 ##

### css文件代码 ###

.table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
      border-top: 1px solid #e7eaec;
      line-height: 1.42857;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left:20px;
      padding-right:20px;
      vertical-align: top;
    }

### table布局 ###

![Image 1][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_94010967]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/94010967
[Image 1]: 
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190702101219333.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，73人围观）

还没有评论，来说两句吧...

相关阅读

相关 echarts 设置内边距

charts设置内边距： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN...

清疚/ 2024年04月19日 11:01/ 0 赞/ 88 阅读

相关何时在 CSS 中使用边距与内边距 [关闭]

问：关闭。这个问题是基于意见的。它目前不接受答案。想改进这个问题？更新问题，以便可以通过编辑这篇文章用事实和引用来回答它。 3年前关闭。改进这个问题在编写 CSS

落日映苍穹つ/ 2024年03月30日 13:54/ 0 赞/ 88 阅读

相关 CSS设置元素内边距（padding）、外边距（margin）

设置元素内边距padding 所有的 HTML 元素基本都是以矩形为基础。每个 HTML 元素周围的矩形空间由三个重要的属性来控制： padding（内边距）：

港控/mmm°/ 2024年03月29日 16:02/ 0 赞/ 109 阅读

相关 CSS中设置所有td的内边距

场景业务需求设置表格中td的内边距。如果直接使用html，需要在每个html中引入css样式。如果需要实现抽取公共页面，引用公共css文件，参照： Thyme

た入场券/ 2023年10月18日 20:51/ 0 赞/ 74 阅读

相关 CSS-框模型处理外边距、边框、内边距、元素内容

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9wcmVwYXJlZGF0Y

我会带着你远行/ 2023年07月01日 07:26/ 0 赞/ 2 阅读

相关 CSS——行内元素间的默认边距

简单写一个导航栏 <style type="text/css"> { margin: 0px; padding: 0px; } daohang { height:

阳光穿透心脏的1/2处/ 2022年04月08日 11:52/ 0 赞/ 371 阅读

相关 CSS 中的 margin、border、padding 区别（内边距、外边距）

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 图解CSS padding、margin、border

阳光穿透心脏的1/2处/ 2022年04月02日 03:29/ 0 赞/ 318 阅读

相关 CSS 之盒子模型——边框、内边距、外边距

使用width来设置盒子内容区的宽度使用height来设置盒子内容区的高度 width和height只是设置的盒子内容区的大小，而不是盒子的整个大小，盒子可见框的大小由内

Dear 丶/ 2022年01月26日 09:59/ 0 赞/ 661 阅读

相关 css内边距属性

内边距(Padding) 属性 <table> <tbody> <tr> <th align="left">属性</th> <th align=

柔情只为你懂/ 2021年11月05日 09:54/ 0 赞/ 346 阅读

相关 CSS内边距与外边距

外边距 margin 外边距是指用标签设置的内容外部的边距。它可以很好地将元素和旁边的其他元素隔开。 1.居中 auto 使用auto属性值可以将

喜欢ヅ旅行/ 2021年09月25日 12:52/ 0 赞/ 488 阅读