表头只与第一列对齐
创始人
2024-12-11 07:30:18
0次

可以使用 CSS 中的 table-layout 属性来实现。设置 table-layout 属性为 fixed ，然后将第一列的宽度设置为固定值，例如 150px，这样表格的宽度就会被限制在这个宽度范围内，同时表头也会与第一列对齐。

HTML 代码示例：


  
    

      Column 1
      Column 2
      Column 3
    

  
  
    

      Row 1, Column 1
      Row 1, Column 2
      Row 1, Column 3
    

    

      Row 2, Column 1
      Row 2, Column 2
      Row 2, Column 3

CSS 代码示例：

.table-fixed {
  table-layout: fixed;
  width: 100%;
}

.table-fixed th:first-child,
.table-fixed td:first-child {
  width: 150px;
}

上一篇：标头值未用作对象键

下一篇：表头中的单元格间距

相关内容

热门资讯

WPK透视辅助！德州wpk辅助... WPK透视辅助！德州wpk辅助，wpK都是真的有挂，详细教程，（有挂介绍）1、WPK系统规律教程、W...
WePoKe透明挂!wepok... WePoKe透明挂!wepoke软件透明挂可以弄(辅助挂)wepoKe(总是真的有挂)，亲，有的，a...
德州微扑克辅助！德州ai辅助神... 德州微扑克辅助！德州ai辅助神器wpk，菠萝德州app好像是有挂（详细智能教程）1、构建自己的微扑克...
wpk透视辅助！wpk伙牌，W... wpk透视辅助！wpk伙牌，Wpk都是真的有挂，详细教程，（有挂插件）1、许多玩家不知道wpk辅助软...
攻略教程!wepoke靠谱(w... 攻略教程!wepoke靠谱(wepoke插件)wepokE(原来真的有挂)；是一款可以让一直输的玩家...
德州之星有外 挂！德州可能有外... 德州之星有外 挂！德州可能有外 挂，德州机器人其实存在有挂（详细智能机器人教程）德州之星有外 挂辅助...
wpk德州透视辅助(WPk)w... wpk德州透视辅助(WPk)wpk数据透视(辅助挂)本来真的有挂(总结教程)1、wpk系统规律教程、...
德扑ai智能！线上德州有后台操... 德扑ai智能！线上德州有后台操控，菠萝德州app其实是有挂（详细外 挂教程）是一款可以让一直输的玩家...
wepoke透明挂黑科技！用a... wepoke透明挂黑科技！用ai外 挂打德州有用，wepoKe果然真的有挂，德州论坛（有挂工具）1、...
微扑克ai辅助！wPk一贯真的... 微扑克ai辅助！wPk一贯真的有挂，WPK总是真的有挂，解密教程（有挂细节）；1、下载好微扑克辅助软...