之前实现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标签文字上下居中
最新推荐文章于 2024-10-14 09:19:01 发布