精彩评论
ytg3114(3周前 (01-04))
评:伪元素“::after”和“::before”的作用分别是什么_html5教程,伪元素,::after,::before少时诵诗书所
ytg3114(10个月前 (04-05))
:smile:
评:如何利用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网其它相关文章!
「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」
上一篇:h5页面和普通页面的区别是什么?_html5教程,h5页面,普通页面,区别
下一篇:php快速实现联系客服(在线咨询)_php教程,php在线咨询
共 0 条评论关于"css如何垂直对齐容器中的元素_html5教程,css,容器,元素"
最新评论