一列的Cellpadding [英] Cellpadding for one column
问题描述
我有一张桌子。当我更改表格的cellpadding时，它修复了
文本没有触及表格边缘的事实。然而，它是
导致表格其他部分出现问题。无论如何在CSS
中基本上只对一列进行单元格填充，所以它不会影响表中其他列的
吗？我只是不希望我的文字在桌子的边缘敲击。
I have one table. When I change the cellpadding of the table it fixes
the fact that the text doesn''t touch the edge of the table. Yet it
causes problems with other parts of the table. Is there anyway in CSS
to basically do cell-padding for just one column so it won''t affect
that other columns in the table? I just don''t want my text to be
hitting the edge of the table.
推荐答案
" Mark Constant" <共******* @ mix-net.net>写了......
"Mark Constant" <co*******@mix-net.net> wrote...
无论如何在CSS
基本上只对一列进行单元格填充，所以它不会影响
其他列在桌子？我只是不希望我的文字在桌子的边缘。
Is there anyway in CSS
to basically do cell-padding for just one column so it won''t affect
that other columns in the table? I just don''t want my text to be
hitting the edge of the table.
您可以制作CSS规则并将该规则应用于个人td
该特定栏目中的元素：
CSS：
.pad {
填充：0 .25em 0 .25em;
}
html：
< table> ;
< tr>
< td> 1,1< / td>
< td> 2,1< / td> ;
< td class =" pad"> 3,1< / td>
< td> 4,1< / td>
< / tr>
< tr>
< td> 1,2< / td>
< td> 2,2< / td>
< td class =" pad"> 3,2< / td>
< td> 4,2< ; / td>
< / tr>
< / table>
上面的CSS规则将应用左右边填充.25em到任何
元素，属性为class =" pad"。我将规则应用于每个
第三个td元素，因此，应用到第3列。
问候，
Jim Roberts
You can make a CSS rule and apply that rule to the individual td
elements in that particular column:
CSS:
.pad {
padding: 0 .25em 0 .25em;
}
html:
<table>
<tr>
<td>1, 1</td>
<td>2, 1</td>
<td class="pad">3, 1</td>
<td>4, 1</td>
</tr>
<tr>
<td>1, 2</td>
<td>2, 2</td>
<td class="pad">3, 2</td>
<td>4, 2</td>
</tr>
</table>
The CSS rule above will apply a left and right padding of .25em to any
element with the attribute class="pad". I applied the rule to every
third td element and consequently, to the 3rd column.
regards,
Jim Roberts
" Mark Constant" <共******* @ mix-net.net>写了......
"Mark Constant" <co*******@mix-net.net> wrote...
无论如何在CSS
基本上只对一列进行单元格填充，所以它不会影响
其他列在桌子？我只是不希望我的文字在桌子的边缘。
Is there anyway in CSS
to basically do cell-padding for just one column so it won''t affect
that other columns in the table? I just don''t want my text to be
hitting the edge of the table.
您可以制作CSS规则并将该规则应用于个人td
该特定栏目中的元素：
CSS：
.pad {
填充：0 .25em 0 .25em;
}
html：
< table> ;
< tr>
< td> 1,1< / td>
< td> 2,1< / td> ;
< td class =" pad"> 3,1< / td>
< td> 4,1< / td>
< / tr>
< tr>
< td> 1,2< / td>
< td> 2,2< / td>
< td class =" pad"> 3,2< / td>
< td> 4,2< ; / td>
< / tr>
< / table>
上面的CSS规则将应用左右边填充.25em到任何
元素，属性为class =" pad"。我将规则应用于每个
第三个td元素，因此，应用到第3列。
问候，
Jim Roberts
You can make a CSS rule and apply that rule to the individual td
elements in that particular column:
CSS:
.pad {
padding: 0 .25em 0 .25em;
}
html:
<table>
<tr>
<td>1, 1</td>
<td>2, 1</td>
<td class="pad">3, 1</td>
<td>4, 1</td>
</tr>
<tr>
<td>1, 2</td>
<td>2, 2</td>
<td class="pad">3, 2</td>
<td>4, 2</td>
</tr>
</table>
The CSS rule above will apply a left and right padding of .25em to any
element with the attribute class="pad". I applied the rule to every
third td element and consequently, to the 3rd column.
regards,
Jim Roberts
* Jim Roberts *< jr ****** @ msn.com>：
*Jim Roberts* <jr******@msn.com>:
。 pad {padding：0 .25em 0 .25em;}
< tr>< td> 1,1< / td>< td> 2,1< / td>< td class =" pad"> 3,1< / td>< td> 4,1< / td>< / tr>
< tr>< td> 1,2< / td>< ; td> 2,2< / td>< td class =" pad"> 3,2< / td>< td> 4< / td>< / tr>
元素。我将规则应用于每个
第三个td元素，因此，应用到第3列。
.pad {padding: 0 .25em 0 .25em;}
<tr><td>1, 1</td><td>2, 1</td><td class="pad">3, 1</td><td>4, 1</td></tr>
<tr><td>1, 2</td><td>2, 2</td><td class="pad">3, 2</td><td>4, 2</td></tr>
The CSS rule above will apply a left and right padding of .25em to any
element with the attribute class="pad". I applied the rule to every
third td element and consequently, to the 3rd column.
你将获得几乎相同的结果：
td：第一个孩子+ td + td {填充：0 0.25em}
.pad {填充：0 0.25em}
< table>< col>< col>< col class =" pad">< col>
< tr>< td> 1， 1< / td>< td> 1< / td>< td> 3,1< / td>< td> 4< / td>< / tr>
...
至少只要你不需要''colspan''。
-
魔术师将兔子拉出帽子。
实验心理学家从老鼠身上汲取习惯。
You''d achieve almost the same result with:
td:first-child+td+td {padding: 0 0.25em}
.pad {padding: 0 0.25em}
<table><col><col><col class="pad"><col>
<tr><td>1, 1</td><td>2, 1</td><td>3, 1</td><td>4, 1</td></tr>
...
At least as long as you don''t need ''colspan''.
--
A magician pulls rabbits out of hats.
An experimental psychologist pulls habits out of rats.
这篇关于一列的Cellpadding的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
