之前实现p标签上下居中一般都是用height和line-height的来设置。今天在修改样式的时候,p标签的内容可能是一行也可能是两行,所以用height和line-height就没效果。今天找到了一种方法,挺好用的。设置p标签的父元素样式{height, position: relative;},p标签的样式{width,line-height(两行是的行高),position: absolute; top: 50%; left: 0; transform: translateY(-50%);}。这样就可以轻松实现p标签上下居中显示。
前端开发:实现p标签文字上下居中
最新推荐文章于 2025-01-07 14:49:20 发布
本文介绍了一种使用CSS实现p标签内容上下居中的方法。当内容为一行或多行时,通过设置绝对定位和transform属性,使内容始终保持居中显示。
1112

被折叠的 条评论
为什么被折叠?



