css系列—垂直居中总结
发布日期:2021-05-06 19:38:18 浏览次数:17 分类:精选文章

本文共 303 字,大约阅读时间需要 1 分钟。

子元素不定高或者定高定位法

        水平居中:定位法

        1.子元素不定高或者不定高

        2.子元素为绝对定位,并设置top:50%

        3.子元素添加transform: translate(0,-50%);

 

	
Document
不定宽

 

单行文本垂直居中 

元素内容是单行,并且其高度是固定不变的。

将其line-height设置成和height的值一样

这是一段文字
div{ width: 400px; height: 300px; border: 1px solid #000;}span{ line-height: 300px;}

 

 

上一篇:css系列—水平垂直左右居中
下一篇:css系列—水平居中总结

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2025年03月27日 00时29分02秒