css中td宽度控制定义与设置的示例分析

这篇文章主要为大家展示了“CSS中td宽度控制定义与设置的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css中td宽度控制定义与设置的示例分析”这篇文章吧。

应用CSS对html表格td配置宽度花样方式引见，首先我们晓得宽度名堂单词为“width”，通常对td设置宽度，通常是对多组<td></td>标签里某一组设置装备摆设宽度，梗概设置多对里的每一个td标签都设置差距的宽度，那咱们就须要对td加一个class或id决定器（如何决意class与id）有多个分歧咱们就做新建几个class或id，以便辨别与别的同级td标签。

实例下列：

<table> 
<tr> 
<td></td> 
<td></td> 
<td></td> 
</tr> 
</table>

假如table总宽度为300，而这3对宽度方便为100px,150px,200px，这个时候咱们就需求新建命名三个差异class抉择器，CSS代码如下：

.CSS5-td-1{width:100px} 
.CSS5-td-2{width:150px} 
.CSS5-td-3{width:200px}

对应html源代码下列：

<table> 
<tr> 
<td class="CSS5-td-1">宽度为100px</td> 
<td class="CSS5-td-2">我宽度为150px</td> 
<td class="CSS5-td-3">我宽度为200px</td> 
</tr> 
</table>

以上是“css中td宽度控制定义与设置的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网VUE频道！