CSS中如何设置td元素之间的上下间距？

html-css08

CSS中如何设置td元素之间的上下间距？,第1张

table

{

border-collapse:separate

border-spacing:10px 50px

}

最重要的是要把table collapse 改为sepeate

希望帮到你

每种不同的浏览器对表格里的padding的解释是不同的，所以就会有差异。你可以试试把表格里面的字放到<span></span>里面，然后对span进行style定义可以这样：<td><span

style="margin:5px

0px

5px

5px

">16开</span></td>margin：上

右

下

左

通常有以下几种方法：

1、CSS法

可以在<table>标签中设置margin属性，即：style="margin:5px

0

5px

0"（顺序：上、右、下左，亦可简写为style="margin:

5px

0"），这段CSS的作用是在当前表格外部的上下各留出5px的空白。

2、空对象法

（1）空行。还可以在表格后敲回车换行，产生<p></p>标签，或者按Shift+回车软换行，产生<br>标签，都可产生一个空行。

（2）空表格。插入一个1行1列的表格，设置单元格的宽度、高度，在单元格中不输入内容。当单元格高度小于12px时，一定要将空格符

删掉，否则达不到设定高度，这一点非常重要。即：

<table

width="100%"

border="0"

cellspacing="0"

cellpadding="0">

<tr>

<td

height="5"></td>

</tr>

</table>

（3）空DIV。类似于空表格，插入一个DIV，设置其宽度、高度，超出隐藏即可。

<div

style="width:100pxheight:5pxoverflow:hiddenclear:both"

3、透明图片法

可以在PS中新建一个5x5px的画布，背景设为透明，保存为透明GIF图片，然后在需要留间距的表格后面插入这个透明图片，将其宽度、高度可以任意调整，直到满意为直。

<img

src="null.gif">