前端开发:实现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标签上下居中显示。
阅读全文
0 0
- 前端开发:实现p标签文字上下居中
- div中文字上下居中
- word2013表格文字上下居中
- <p></p>标签字体水平垂直居中
- input 中文字如何上下居中
- 按钮图片和文字上下居中对齐
- 需求 - 19 - 按钮图片文字上下居中
- iOS UIButton 图片和文字上下居中
- css div 文字水平上下居中
- 实现文字垂直居中
- 前端开发--TAB标签效果实现
- div css 图片和文字上下居中对齐
- CSS空值图片和文字上下居中对齐
- asp表单中,文本框里的文字如何上下居中
- UILable UITextField 文字 上下 左右 垂直 居中 对其
- UIButton上的文字和图片上下居中对齐
- UIButton 设置图片和文字上下居中显示
- 关于canvas文字居中的问题,特别是上下居中,垂直居中
- 定义一个由整数组成的数组,统计其中奇数和偶数的个数/和,并分为奇数偶数两个数组
- STorM32 BGC 相关
- 安卓开发环境搭建
- 最最最简单的框架基础,,,struts2框架解决简单的用户登陆……
- 1111
- 前端开发:实现p标签文字上下居中
- java中nextLine()和next()的区别
- 怎样在VS2010-2017中使用LightningChart绘图控件?
- 关于分布式服务
- 学习完html,css,js,jq之后做网页心得
- 网络数据gson解析
- word2010无法显示endnote x7插件及破解endnote x7
- H5边框样式大全
- 字符指针与字符数组