网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

CSS实现DIV居中的三种方法

时间:2024-10-12 10:10:21

1、方法一:利用margin,div1的宽减去div2的冷觋溪诠宽就是div2margin-left的数值:(100-40)/2=30,颊俄岿髭div1的高减去div2的高就是div2margin-top的数值:(100-40)/2=30。

CSS实现DIV居中的三种方法

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

CSS实现DIV居中的三种方法

5、方法五:这个方法还有一个好处就是,div2的高度可以不固定,如下。

CSS实现DIV居中的三种方法
© 一点知道