设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 手机 数据
当前位置: 首页 > 服务器 > 系统 > 正文

全面总结使用CSS实现水平垂直居中效果的方法(6)

发布时间:2020-03-17 09:47 所属栏目:52 来源:站长网
导读:需要给元素的父元素设置一个高度,这个高度可以是一个固定值或者百分值高度,另外需要增加一个额外的标签,当作线盒型,如div#extra,并且需要设置其高度为100%。另外就是ie6-7不支持display:inline-block,需要给

需要给元素的父元素设置一个高度,这个高度可以是一个固定值或者百分值高度,另外需要增加一个额外的标签,当作线盒型,如div#extra,并且需要设置其高度为100%。另外就是ie6-7不支持display:inline-block,需要给他们另外写一个样式。

方式六:
这个方法是针对多行内容居中,而且容器高度是可变的,方法很简单,就是给出上下一样的padding值

Html Code

XML/HTML Code复制内容到剪贴板

<div class="columns">  

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读