每日看点!CSS居中代码_css居中

2023-02-15 22:57:55 来源:互联网


(资料图片仅供参考)

你们好,最近小活发现有诸多的小伙伴们对于CSS居中代码,css居中这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。

1、方法一:使用边距,div1的宽度减去div2的宽度就是div2margin-left的值:(100-40)/2=30,div1的高度减去div2的高度就是div2margin-top的值:(100-40)/2=30。

2、方法二:使用css的position属性将div2的顶部和左侧设置为相对于div1的50%,然后在margin-top设置为div2高度的负一半的情况下拉回,在margin-left设置为宽度的负一半的情况下拉回。css设置如下。

3、方法三:还是用css的position属性,比如下面的html。

4、方法4:使用css3的新属性表格单元。

5、方法五:这种方法的另一个优点是div2的高度可以不固定,如下。

以上就是css居中这篇文章的一些介绍,希望对大家有所帮助。

关键词: 的情况下 感兴趣的 这个问题 对大家有

上一篇 :

下一篇 :

X 广告
公司
X 广告

Copyright   2015-2022 人人快递网版权所有  备案号:粤ICP备18023326号-36   联系邮箱:8557298@qq.com