【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

CSS垂直居中的8种方法

放大字体  缩小字体 发布日期:2020-09-12 21:26:33    浏览次数:11
导读

  随着越来越多浏览器兼容CSS中的flexbox特性,所以现在通过“display:flex”实现CSS水平居中的方案也越来越受青睐。  这个跟CSS水平居中的原理是一样的,只是在flex-direction上有所差别,一个是row(默认值),另外一个是column。  设置子元素的line-height值等于父元素的height,这种方法适用于子元素为单行文本的情

  随着越来越多浏览器兼容CSS中的flexbox特性,所以现在通过“display:flex”实现CSS水平居中的方案也越来越受青睐。

  这个跟CSS水平居中的原理是一样的,只是在flex-direction上有所差别,一个是row(默认值),另外一个是column。

  设置子元素的line-height值等于父元素的height,这种方法适用于子元素为单行文本的情况。

 
关键词: 垂直居中css
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-530987.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4