css怎么单行文字垂直居中

魁首哥

作者

css怎么单行文字垂直居中

这篇文章主要介绍“css怎么单行文字垂直居中”，在日常操作中，相信很多人在css怎么单行文字垂直居中问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”css怎么单行文字垂直居中”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

要让对象内只有一排（一行）的内容垂直居中，应用css行高（line-height）就可实现。

让行高line-height与对象高度height花色值设置相同即可。

div css实例演示代码：

<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>单排翰墨垂直居中实例CSS5</title><style>.exp{height:300px;line-height:300px;border:2pxsolid#F00}</style></head><body><divclass="exp">单排文字垂直居中实例</div></body></html>

成绩截图