html table 列宽

简介: 引用: 使用 元素 在 下添加以下元素作为 的第一个子元素 ... 然后在 css 里面设置 .col0{min-width:200px;} .

引用:

使用 <colgroup> 元素
在 <table> 下添加以下元素作为 <table> 的第一个子元素

  <colgroup>
  <col class="col0" />
  <col class="col1" />
  <col class="col2" />
  <col class="col3" />
  ...
  </colgroup>

然后在 css 里面设置

.col0{min-width:200px;}
.col1{min-width:400px;}
.col2{min-width:800px;}
.col3{min-width:1600px;}
 
例:
<table>
 <colgroup>
  <col class="col0" />
  <col class="col1" />
  <col class="col2" />
  <col class="col3" />
  ...
  </colgroup>
<tr><td></td><td></td...</tr>
</table>
相关文章
HTML table 标准结构
HTML table 标准结构
206 0
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
358 12
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格(Table),并设置表格的列(Column)和样式。通过示例代码展示了如何在React组件中创建表格并添加数据,以及如何通过样式设置表格元素的颜色。
167 2
Twaver-HTML5基础学习(10)嵌入Table
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
262 2
HTML table表格详解
HTML table表格详解
372 1
HTML table表格元素边框修改为单线
HTML table表格元素边框修改为单线
190 0
Html Table 固定或自定义列宽度
Html Table 固定或自定义列宽度
324 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
654 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
179 0
|
前端开发
HTML table 基本使用
HTML table 基本使用
78 0

热门文章

最新文章