收藏的几个css使用技巧：垂直居中、浮动、使块元素水平居中

来源：百度文库编辑：神马文学网时间：2024/04/27 19:06:24

使用 line-height 垂直居中

line-height:24px;

使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致）

清除容器浮动

#main { overflow:hidden; }

不让链接折行

a { white-space:nowrap; }

上面的设定就能避免链接折行

始终让 Firefox 显示滚动条

html { overflow:-moz-scrollbars-vertical; }

body, html { min-height:101%; }

使块元素水平居中

margin:0 auto;

其实就是

margin-left: auto; margin-right: auto;

这个技巧基本上所有的 CSS 教科书都会有说明，别忘记给它加上个宽度。Exploer 下也可以使用

body{ text-align: center; }

然后定义内层容器

text-align: left;

恢复隐藏 Exploer textarea 的滚动条

textarea { overflow:auto; }

Exploer 默认情况下 textarea 会有垂直滚动条（不要问我为什么）。

设置打印分页

h2 { page-break-before:always; }

page-break-before 属性能设置打印网页时的分页。

删除链接上的虚线框

a:active, a:focus { outline:none; }

Firefox 默认会在链接获得焦点（或者点击时）加上条虚线框，使用上面的属性可以删除。

最简单的 CSS 重置

* { margin: 0; padding: 0 }

收藏的几个css使用技巧：垂直居中、浮动、使块元素水平居中关于使用CSS居中(包括水平/垂直) 关于使用CSS居中(包括水平/垂直) 统一教学网图片垂直居中的使用技巧 CSS如何使DIV层水平居中再问CSS有关垂直居中的问题！ css让页面居中对齐的方法建站教程>CMS建站>Div+CSS实现div容器水平居中的方法页面布局居中css代码 css让作品居中显示的几种方法暗藏在家居中的隐形杀手典型的三行二列居中高度自适应布局典型的三行二列居中高度自适应布局关于页面居中margin:0 auto的几个问题 CSS文档流与块级元素和内联元素 CSS 块的命名 CSS 块的命名. DIV居中_随心写下 CListCtrl第一列不能居中的问题 -- 雨切星&贝壳里的海 -- 编程爱好者博客典型的三行二列居中高度自适应布局 w3cn.org 木地板在家居中能够历久弥新，自然有它不可取代的特色。西藏铜矿资源储量居中国首位北京道路拥挤成本居中国首位 D80使用的几个技巧