国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > CSS居中问题大全 网页制作必学

CSS居中问题大全 网页制作必学

来源:程序员人生   发布时间:2014-03-03 08:27:09 阅读次数:2982次

  1.块级元素的垂直居中


提示:可修改后代码再运行!

以下为引用的内容:
#wrapper {
border:1px solid #ccc;
width:400px;
height:200px;
text-align:center;
line-height:200px;  // Vertical Align For IE7 & Firefox
_font-size:120px;  // Vertical Align For IE6
}
#wrapper a {
display:-moz-inline-block;  // For Firefox 2(-)
display:inline-block;  // For Firefox 3 & IE6, 对于IE6来说其实相当于zoom:1, 仅仅是给elem一个layout。
    // 注意:支持display:inline-block的浏览器有:Firefox3,Safari,Opera
margin:0 auto;  // For Firefox 2(-)
width:80px;
height:20px;
font:11px/20px arial;
background:red;
}

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生