网站开发笔记【四】css hack技术
浏览数：26 /
时间：2015年06月09日
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>
这样也能实现上述的功能，如上的红线所示
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
