900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > CSS元素居中的几种方法

CSS元素居中的几种方法

时间:2023-05-30 06:27:42

相关推荐

CSS元素居中的几种方法

css是网页界面编码的语言,操作自由灵活,以后还是个方向,喜欢的同学可以学习学习。

1、水平居中

例如:

关键点在子元素的margin设置,父元素text-align:center

代码如下:

<div ><span stlye="margin:auto"> 2相关课程 </span></div>

2、垂直居中

垂直居中主要是设置行高

方法一、

<div><span stlye="margin:auto;line-height:50px;"> 2相关课程 </span></div>

方法二、

<div><spanstyle="position:relative;top:50%;transform:translateY(-50%);">2相关课程</span></div>

‍方法三、使用flex

<div><span>水平居中,垂直居中</span></div>

以上css控制元素居中的操作,在写界面和代码的时候,经常用到。注意以后多使用css3的标准,比较简单。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。