html实现文本上下居中的方法

这篇文章主要介绍了html实现文本上下居中的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

html实现文本上下居中的方法:首先创建一个html示例文件,然后创建一个文本框,接着定义文本的高度属性,最后通过css中“vertical-align:中间;”等属性实现文本上下居中即可。

<强>让html中的文本框中的文字垂直居中

当你自己定义了文本的高度属性时,在文本中输入的文字都不是垂直居中的,不过你可以添加css来控制它,让输入的文字垂直居中,使网页更完美

& lt; html> 　　& lt; head> 　　& lt; style 类型=拔谋?css"比; 　　,,,# text  { 　　,,,,,,,身高:20 px; 　　,,,,,,,vertical-align:中间; 　　,,,,,,,行高:20 px;,,/* line-height  must  be  equal 用高度*/,, 　　,,,} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　,,,& lt; div> 　　,,,,,,,& lt; input 类型=皌ext", id=皌ext"比; 　　,,,& lt;/div> 　　& lt;/body> 　　& lt;/html>

加入verticla-align,行高两个属性后,文本框中的文字就在文本框中垂直居中了,要注意的是行高必须要等于高度。

感谢你能够认真阅读完这篇文章,希望小编分享的”html实现文本上下居中的方法”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

html实现文本上下居中的方法