HTML中有多个table怎么在css中定义TD不同的样式?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML中有多个table怎么在css中定义TD不同的样式?相关的知识,希望对你有一定的参考价值。

参考技术A

设置每个table的样式,比如class=tab1,class=tab2,然后在样式表设置

.tab1 td这里为tab1的样式

.tab2 td这里为tab2的样式

而不用一个个去设置td class="xx"了 毕竟比较麻烦。

如下代码:

< table >

< td class="style1" >内容< /td >
< /table >

< table >
< td class="style2" >内容< /td >
< /table >

在CSS中定义:

.style1



.style2 (

或者是给TD加上class,相同样式用的相同Class,不同样式用的不同Class

table内的多个input实现不换行

参考技术A 为了让表格里文字不换行(预计也不会太长的字符串),可以给表格里td添加一个nowrap属性,如 <td nowrap>文字内容</td> 这样。

table内的多个input实现不换行但是如果给每个td都加上nowrap属性,貌似太繁琐并且占用空间和流量。于是乎,我找css的实现方法,不擅长此术,尝试了n多个样式后,找到white-space: nowrap; 貌似跟直接给td加nowrap差不多,那么就可以像下面这样定义样式,即可实现td里不换行,字符串长了就撑宽表格宽度。

以上是关于HTML中有多个table怎么在css中定义TD不同的样式?的主要内容,如果未能解决你的问题,请参考以下文章

html 如何在css 里设置table 的个个列的固定宽度

HTML的table中td内容换行上下间距怎么设置

table中td的宽度设置后表现不一致问题

table怎么写CSS让第一行的th占一整行不影响下面的

用css改变table中的td居中问题

table中的td的内容怎么居中