css左右居中(css实现垂直水平居中)

  CSS 是前端里面的基础之一,也是非常重要的一部分,它往往决定了你所做出来的网页页面是否美观。在设计网页页面的过程中,总会有将元素或者文字进行水平垂直居中的要求。下面就为大家介绍 CSS 中几种常用到的水平垂直居中的方法。

image.png

  1. 实现DIV水平居中

  设置DIV的宽高,使用margin设置边距0 auto,CSS自动算出左右边距,使得DIV居中。

  2. 实现DIV水平、垂直居中

  要让DIV水平和垂直居中,必需知道该DIV得宽度和高度,然后设置位置为绝对位置,距离页面窗口左边框和上边框的距离设置为50%,这个50%就是指页面窗口的宽度和高度的50%,最后将该DIV分别左移和上移,左移和上移的大小就是该DIV宽度和高度的一半。

  3. 文本在DIV中水平、垂直居中(text-align + line-height)


发表评论

评论列表

还没有评论,快来说点什么吧~