本站网址www.sosocms.cn

css如何垂直对齐容器中的元素_html5教程,css,容器,元素

HTML教程 HTML教程 3个月前 (07-02) 17次浏览 0个评论 扫描二维码

css如何垂直对齐容器中的元素_html5教程,css,容器,元素

可以利用CSS3的Transform来实现容器中的元素垂直对齐。

(推荐学习:css快速入门)

具体代码实现:

.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

使用这个技巧,从单行文本、段落到box,都会垂直对齐。

目前浏览器对Transform的支持是需要关注的,Chrome 4, Opera 10, Safari 3, Firefox 3, and Internet Explorer 9均支持该属性。

以上就是css如何垂直对齐容器中的元素的详细内容,更多请关注ki4网其它相关文章!


版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:css如何垂直对齐容器中的元素_html5教程,css,容器,元素
喜欢 (0)