css当文字换行时高度向上变化

html-css016

css当文字换行时高度向上变化,第1张

css当文字换行时高度向上变化,需要writing-mode和direction配合。css是层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言,该语言中能使用各种代码实现不同的变化,writing-mode和direction配合就会使文字换行时,高度是向上变化,而不是向下变化。

不知道你为什么要重新开个提问。

"行高line-height与文字高度height设为一样大,文字就垂直居中了"只是一种效果上的表现。

这个效果跟对象的基线有关系,所以,当两者值一致的时候,并不见得会出现垂直居中的效果。

字体的基线是与行高的中线所处的位置一致的,当某种字体的基线在字高的中间时,文字也就处在行高设定值的中间位置,而此时的行高如果设定的值与高度一致时,看上去就垂直居中了。

font-size实际上设置的是字体的高度,

原因很简单为了保证CSS的视觉效果,

我们都知道字体类型可以通过font-family设置,

而不同的字体实际显示样式是不一样的,

为了保证效果,

所以font-size设置的是高度,

便于不同字体在一起,

保持高度相同,

宽度就无所谓了

(有时间多巩固下CSS基础哈)