CSS——行高和超链接

最新推荐文章于 2022-11-03 11:05:01 发布

VIP文章 mintsolace

最新推荐文章于 2022-11-03 11:05:01 发布

阅读量541

点赞数

分类专栏：学习笔记 css 文章标签： css

本文链接：https://blog.csdn.net/mintsolace/article/details/78388881

版权

行高：
CSS中所有的行，都有行高。盒模型padding不是直接作用在文字上的，而是作用在行上的。
文字是在自己的行里面居中的，比如文字字号是14px，行高是24px，那么文字上下的距离各为5px。
为了严格保证字在行里面居中，行高和字号一般都是偶数。这样它们的差就是偶数，能被2整除。

行间距：
line-height，行与行之间的距离，即字符之间的垂直间距，一般称为行高。常用的属性单位有三种，分别为像素px，相对值em和百分比%。

单行文本垂直居中：
文本在行里面居中
公式：行高=盒子高，所以这行文本就在盒子里面垂直居中

		p{
			width: 600px;
			height: 60px;
			background-color: yellow;
			margin: 100px;
			line-height: 60px;
			text-align: center;
		}

但是这个小技巧只适用于单行文本垂直居中，不适用于多行。

如果想让多行文本垂直居中，需要设置盒子的padding：

		p{
			width: 600px;
			height: 46px;
			background-color: yellow;
			margin: 100px;
			font-size: 16px;
			padding-top: 14px;
		}

		p{
			width: 600px;
			height: 140px;
			background-color: yellow;
			margi

关注