解决方案:
让文字的行高等于盒子的高度 就可以让文字在当前盒子内垂直居中。
1570870387089.png
<style>
.vertical-center{
width:200px;
height:200px;
line-height:200px;
}
</style>
<div class="vertical-center">
test
</dvi>
单行文字垂直居中的代码 解决方案:让文字的行高等于盒子的高度 就可以让文字在当前盒子内垂直居中。
CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: 单行文字的垂直居中： 让有宽度的div水平居中：...
html： css： 1）单行文字垂直居中 2）多行文字居中 3）容器居中 1 2 下面简述一下display：t...
居中 行内元素水平居中 文字相对图片、输入框垂直居中 块元素水平居中 单行文字垂直居中 更灵活的布局方式当然是建议...
单行文字垂直居中：line-height等于height； 块级元素垂直居中：position定位，flex布局，...
1、div中单行文字的垂直居中 在div中单行的文字需要垂直居中时，只需要对所在的div添加行高line-heig...
大小不固定的图片和多行文字的垂直水平居中一、大小不固定，多行文字的垂直居中① 单行文字可能很多人都知道如何让单行文...
======= SEO专用 table-cell 定高水平垂直居中 不定高水平垂直居中 单行定高水平垂直居中 单行...
CSS垂直居中技巧，我只会23个，你会几个？ 1、line-height 使用情景：单行文字垂直居中。常见于单行文...
文字水平居中 图片水平垂直居中 图片与文字水平垂直居中 代码同上 DIV相对于页面垂直居中并且响应式 视口绝对垂直...
本文标题：3、单行文字垂直居中的代码
本文链接：https://www.haomeiwen.com/subject/oaoklrtx.html
网友评论