首页 > 代码库 > 网站开发笔记【四】css hack技术
网站开发笔记【四】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>
这样也能实现上述的功能，如上的红线所示
网站开发笔记【四】css hack技术
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。