这篇文章主要介绍了CSS如何垂直居中任何元素,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。垂直居中任何元素不!这绝不是黑魔法,真的可以垂直居中任何元素:html,body&n
这篇文章主要介绍了CSS如何垂直居中任何元素,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
不!这绝不是黑魔法,真的可以垂直居中任何元素:
html,body { height: 100%; margin: 0;}body { -WEBkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: flex;}
...還有CSS Grid:
body { display: grid; height: 100vh; margin: 0; place-items: center center;}
这还不够?垂直方向,水平方向?任何元素,任何时间,任何地点?CSS-Tricks 有篇好文 讲到了各种居中的技巧。
注意: IE11 对 flexbox 的支持 有点 bug 。
感谢你能够认真阅读完这篇文章,希望小编分享的“css如何垂直居中任何元素”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网精选频道,更多相关知识等着你来学习!
--结束END--
本文标题: css如何垂直居中任何元素
本文链接: https://www.lsjlt.com/news/313380.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-13
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
2024-05-12
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0