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

html-css023

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设为一样大，文字就垂直居中了"只是一种效果上的表现。

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

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