表格table列宽度控制colgroup
属性值描述
left
right
center
justify
char
HTML5 不⽀持。规定在列组合中内容的⽔平对齐⽅式。
character HTML5 不⽀持。规定根据哪个字符来对齐列组中的内容。
css表格样式number HTML5 不⽀持。规定第⼀个对齐字符的偏移量。
number规定列组应该横跨的列数。
top
middle
bottom
baseline
HTML5 不⽀持。定义在列组合中内容的垂直对齐⽅式。
pixels
%
relative_length HTML5 不⽀持。规定列组合的宽度。
<colgroup>标签⽤于对表格中的列进⾏组合，以便对其进⾏格式化。
通过使⽤<colgroup>标签，可以向整个列应⽤样式，⽽不需要重复为每个单元格或每⼀⾏设置样式。
注释：只能在<table>元素之内，在任何⼀个<caption>元素之后，在任何⼀个<thead>、<tbody>、<tf
oot>、<tr>元素之前使⽤<colgroup>标签。提⽰：如果想对<colgroup>中的某列定义不同的属性，请在<colgroup>标签内使⽤<col>标签。
属性
要让colgroup的col设置的百分⽐⽣效，前提市在talbe上⾯设置 width="100%";
⽰例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob)</title> </head>
<body>
<table border="1" width="100%"> <colgroup>
<col width="40%">
<col width="50%">
<col width="10%">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。