前端开发:实现p标签文字上下居中

来源:互联网 发布:高分二号数据预处理 编辑:程序博客网 时间:2024/06/05 06:55
之前实现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标签上下居中显示。
原创粉丝点击