网站开发笔记【四】css hack技术

1.如何让文字居中显示

类型
单行文字	单行文字可以设置line-height和height一样。
多行文字（高度不固定）	可以设置padding在外层的包容容器中。 如：设置padding：25px；这样高度就会显示在居中。
多行文字（高度固定）	由于有些元素具有vertical-align属性。具有vertical-align的元素主要有这些：td th caption等标签

 

 

 

 

 

 

 

 

 

 

2.如何取消table-cell距离

table-cell就是td标签，比如我们为tr添加了三个td子元素，然后我们再来一行

<tr>
<td >
<div style="width:100%;background:red;height:2px"></div>
</td>
<td >
<div style="width:100%;background:red;height:2px"></div>
</td>
<td >
<div style="width:100%;background:red;height:2px"></div>
</td>
</tr>

这样显示的效果就是这样的

如上的蓝线所示

这时候我们为table设置cellspacing和cellpadding属性

<table style="width:100%" cellspacing="0px" cellpadding="0px">……………
</table>

cellspacing是td之间的间距，cellpadding是cell内部的间距

 

当然，也有第二种方式

如下代码：

<tr>
<td colspan="3"><div style="width:100%;background:red;height:2px"></div>
</td>
</tr>

这样也能实现上述的功能，如上的红线所示