CSS中的表格间距 [英] table gutter spacing in CSS

查看:91
本文介绍了CSS中的表格间距的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个包含1列3列的表格。我想增加间距

_between_列(装订线)_without_增加

这些列和表本身之间的间距。有没有办法在CSS

中执行此操作而无需在HTML中创建额外的虚拟列来创建装订线?


-

----------------------------------------------- ------------------------------

| Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |

| (名字)在ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |

--------- -------------------------------------------------- ------------------

I have a table with 3 columns in 1 row. I want to increase the spacing
_between_ the columns (gutter) _without_ increasing the spacing between
those columns and the table itself. Is there a way to do that in CSS
without having to code in extra dummy columns in HTML to create gutters?

--
-----------------------------------------------------------------------------
| Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |
| (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |
-----------------------------------------------------------------------------

推荐答案

2006年4月28日22:41:33 GMT来自< ; ph ************** @ ipal.net>:
28 Apr 2006 22:41:33 GMT from <ph**************@ipal.net>:
我有一个包含1列3列的表格。我想增加列之间的间距(gutter)_without_增加
这些列和表本身之间的间距。有没有办法在CSS中执行此操作
而无需在HTML中编写额外的虚拟列来创建装订线?
I have a table with 3 columns in 1 row. I want to increase the spacing
_between_ the columns (gutter) _without_ increasing the spacing between
those columns and the table itself. Is there a way to do that in CSS
without having to code in extra dummy columns in HTML to create gutters?




我确定有,但我不明白你的问题。


列是_part_of_表,不是吗?那你的意思是

这些列和表格之间的间距 - 如何在物品与其自身之间留出
的空间?


-

Stan Brown,Oak Road系统,美国纽约州汤普金斯县
http://OakRoadSystems.com/

HTML 4.01规范: http://www.w3 .org / TR / html401 /

验证人: http: //validator.w3.org/

CSS 2.1规范: http://www.w3.org/TR/CSS21/

验证器: http://jigsaw.w3.org/css-validator/

为什么我们不能帮助你:
http://diveintomark.org/archives/200 .. ._wont_help_yo你是



I''m sure there is, but I don''t understand your question.

The columns are _part_of_ the table, no? Then what do you mean by
"spacing between those columns and the table" -- how can there be
space between a thing and part of itself?

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won''t Help You:
http://diveintomark.org/archives/200..._wont_help_you


Stan Brown< th ************ @ fastmail.fm>写道:
Stan Brown <th************@fastmail.fm> wrote:
2006年4月28日22:41:33 GMT来自< ph ************** @ ipal.net>:
28 Apr 2006 22:41:33 GMT from <ph**************@ipal.net>:
我有一个包含1列3列的表。我想增加列之间的间距(gutter)_without_增加
这些列和表本身之间的间距。有没有办法在CSS中实现这一点
而无需在HTML中编写额外的虚拟列来创建装订线?
I have a table with 3 columns in 1 row. I want to increase the spacing
_between_ the columns (gutter) _without_ increasing the spacing between
those columns and the table itself. Is there a way to do that in CSS
without having to code in extra dummy columns in HTML to create gutters?



我确定有,但我不喜欢不明白你的问题。

列是_part_of_表,不是吗?那么你的意思是
那些列和表之间的间距 - 如何在一个东西和它自身的一部分之间留出空间?



I''m sure there is, but I don''t understand your question.

The columns are _part_of_ the table, no? Then what do you mean by
"spacing between those columns and the table" -- how can there be
space between a thing and part of itself?




我猜他的意思是增加
相邻列的单元格,但是在

最外面列中的单元格边框和表格边框之间。


Going跨行:

表格边框 - 边框间距 - 单元格 - 边框间距 - 单元格 -

边框间距 - 单元格 - 边框间距 - 表格边框

因此,目标是为外部两批

边界间距设置不同于内部两个的值。


由于为整个表设置了border-spacing属性,因此用CSS轻松完成这不是



Steve

-

我的理论给你起见,我的异端邪说你,

我从不回信,你不喜欢我的领带。 - 医生


Steve Pugh< st *** @ pugh.net> < http://steve.pugh.net/>



I would guess he means to increase the spacing between the borders of
cells of adjacent columns, but between the borders of the cells in the
outermost columns and the borders of the table.

Going across the row:
table border - border-spacing - cell - border-spacing - cell -
border-spacing - cell - border-spacing - table border

So the objective is to have different values for the outer two lots of
border-spacing than for the inner two.

As the border-spacing property is set for the whole table this isn''t
easily done with CSS.

Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don''t like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>


为了进一步培养人类,Steve Pugh< st *** @ pugh.net>

vouchsafed:
To further the education of mankind, Steve Pugh <st***@pugh.net>
vouchsafed:
列是_part_of_表,不是吗?那么你的意思是
那些列和表之间的间距 - 如何在一个东西和它自身的一部分之间留有空间?
The columns are _part_of_ the table, no? Then what do you mean by
"spacing between those columns and the table" -- how can there be
space between a thing and part of itself?



我猜他的意思是增加
细胞边界之间的间距相邻的列,但在最外面的列中的单元格边框和表格的边框之间。

跨越行:
表格边框 - 边框间距 - 单元格 - border-spacing - cell -
border-spacing - cell - border-spacing - table border

所以目标是为外边的两个
边框设置不同的值 - 内部两个的间距。

因为为整个表设置了border-spacing属性,所以用CSS很容易做到这一点。



I would guess he means to increase the spacing between the borders of
cells of adjacent columns, but between the borders of the cells in the
outermost columns and the borders of the table.

Going across the row:
table border - border-spacing - cell - border-spacing - cell -
border-spacing - cell - border-spacing - table border

So the objective is to have different values for the outer two lots of
border-spacing than for the inner two.

As the border-spacing property is set for the whole table this isn''t
easily done with CSS.




如果没有实际尝试过,我认为这只是透视问题

(和表填充和表格边框。当然填充不是间距,

但是......)


-

Neredbojias

Infinity有其限制。



Without actually having tried it, I think it''s just a matter of perspective
(-and table padding and table borders. Of course padding isn''t spacing,
but...)

--
Neredbojias
Infinity has its limits.


这篇关于CSS中的表格间距的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆