讨论CSS中的各类居中方式

今天主要谈一谈CSS中的各种居中的办法。
首先是水平居中,最简单的办法当然就是

复制代码 代码如下:margin:0 auto;

也就是将margin-left和margin-right属性设置为auto,从而达到水平居中的效果。

那么其他的办法呢?容我一一道来:

line-height

首先介绍文字的水平居中方法:

复制代码 代码如下:<div class=”wrap”>刘放</div>

利用line-height设为height的一样即可:

复制代码 代码如下:.wrap{
  line-height: 200px;/*垂直居中关键*/
  text-align:center;

  height: 200px;
  font-size: 36px;
  background-color: #ccc;
}

共计人评分,平均

到目前为止还没有投票!成为第一位评论此文章。

(0)
心中带点小风骚的头像心中带点小风骚普通用户
上一篇 2023年12月28日
下一篇 2023年12月28日

相关推荐