好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css居中的几种方式_html/css_WEB-ITnose

居中分水平和垂直两种,使用的频度也算是很高,下面分情况来讨论一下几种常用的实现方式。

欢迎指正文中的错误,同时如果有学习到新的方式也会更新在后面,也方便以后温故知新。

1.margin

这种方式只能实现固定宽度的块级元素水平居中,如果该元素没有设置宽度或者不是块级元素,则不会生效。

/*以div元素为例*/div{    width: 100px;    height: 100px;    margin: auto; /*或者margin: 0 auto;*/} 

2.line-height

将单行文字line-height值设置为其父元素高度可以实现该行文字的垂直居中,局限也很明显。

文字内容

查看更多关于css居中的几种方式_html/css_WEB-ITnose的详细内容...

  阅读:34次