使用line-height属性，让文字的行高和容器的高度相同即可：
<html>
<head>
<style type="text/css">
#wrapper {
height: 100px;
background-color: rgb(87, 87, 92);
}
.content {
line-height:100px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="cell">
<p class="content">Content goes here</p>
</div>
</div>
</body>
</html>
注意：目前不支持文本的垂直居中对齐 示例：文本垂直水平居中（文本的垂直居中使用padding替代设置） 重点解析：...
使用line-height属性，让文字的行高和容器的高度相同即可： 参考链接： 查看原文>> 知识图谱>>
一、垂直居中，多行文本垂直居中？ 1、单行文本垂直居中设置高度height和行高line-height，使高度he...
一、文本居中 文本水平居中： text-align:center 文本垂直居中：(1)设置line-height=...
单行文字垂直居中 知道容器的高度即可 html css 多行文字垂直居中 html css 多行文本溢出用省略号表...
水平居中与垂直居中 水平居中 text-align:center 单行文本居中 单行文本和a链接 padding:...
文本布局 单行文本垂直居中使用 line-height = height 使用定位来垂直居中demo如果元素wid...
html元素垂直居中的几种方式：文本居中可以用line-height、vertical-align:middle、...
一、文本居中 1、横向居中 text-aline:center; 2、单行文本垂直居中 line-height:h...
技巧一 多行文本水平垂直居中，少于一行文本居中，多余一行文本居左（试用于对话提示框） box和center的作用是...
本文标题：【HTML中垂直居中】【文本】一行文本垂直居中
本文链接：https://www.haomeiwen.com/subject/jwtcxqtx.html
网友评论