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

html-css024

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

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

直接用height设置即可:

<input type="text" style="height:100px" value="文本框内的文字">

如果想让里面的文字垂直居中,可以这样:

<input type="text" style="height:100pxline-height:100px" value="文本框内的文字">

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

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

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

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