lineheight居中(lineheight居中的原理)

为什么把line-height设置为容器div的高度就能使文字垂直居中？

line-height呢，你可以理解为每行文字所占的高度。

比如说，有一行20px大小的文字，如果设置为line-height:50px，那就是说，这行文字的高度会占50px。

显然，每个字的大小只有20px，那怎么边呢？于是呢，浏览器就把多出来的30px（50px-20px）在这行文字的上面加上了15px，下面加上了15px。

这样的话，那文字就在这50px的空间内是居中的了（这个就是浏览器规定的，它就这个分配空间）。

这样的话，如果你的DIV是50px，那么巧了，正好这行文字也就相对于DIV居中了。

所以，这样一来呢，就有了“把line-height设置为容器div的高度就能使文字垂直居中”。

不知道这么说是不是回答了你的问题。

line-height 怎么居中不了

line-height是行高的意思，是调整上下距离，不是左右。需要自己根据实际情况填写具体的数字。

分析：

1、你的数字填写不合适，换一个行高数值就好。

2、你要做的是左右居中，是align而不是line-height。

3、你的代码填写格式不正确，自行修改即可。

4、代码起冲突。

css垂直居中怎么设置

如下：

1、line-height属性使文字垂直居中。

2、使用绝对定位和负外边距对块级元素进行垂直居中(已知元素的高度)。

3、使用绝对定位和transform进行垂直居中（未知元素高度）。

4、使用flex布局。

介绍

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。