一、行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:p{height:30px;line-height:30px;width:100px;overflow:hidden;}这段代码可以达到效果。
二、内边距(padding)法另一种方法和行高法很相似,它同样适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中,比如:p{padding:30px;}
时间:2023-05-18 22:51:06
一、行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:p{height:30px;line-height:30px;width:100px;overflow:hidden;}这段代码可以达到效果。
二、内边距(padding)法另一种方法和行高法很相似,它同样适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中,比如:p{padding:30px;}
如何用微信红包在淘宝网上购物 – CSS – 前端 css中文字图片居中对齐
2020-12-27
表格内文字是左对齐还是居中对齐 – CSS – 前端 css武器视角
2023-03-13
网络兼容怎么解决 – CSS – 前端 css居中文字左对齐代码
2019-12-03
css文字向右对齐_如何使用CSS实现文本左对齐 右对齐和居中对齐
2023-09-08