• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搜讯息吧

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

HTML ytg3114 3个月前 (07-02) 144次浏览 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)
[1353713598@qq.com]
分享 (0)
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址