不用lineheight 让文字居中

如果有下列代码：

<div class="wrapper">
hello world
</div>

想让hello world在wrapper类中垂直居中，可以为wrapper中添加如下CSS：

.wrapper:after {
        display:inline-block;
        width:0;
        height:100%;
        vertical-align:middle;
        content:"";
    }

转载于:https://www.cnblogs.com/joesbell/p/6122990.html

不用lineheight 让文字居中相关推荐

完美解决移动Web小于12px文字居中的问题
前几天的一篇博文:移动Web单行文字垂直居中的问题,提到了移动web里小于12px的文字居中异常的问题,最后还是改为12px才近乎解决了问题.但是有时候或许并不是那么乐观,你并不能将原本定为10px的 ...
php网页文字居中代码怎么写,html里文字居中代码怎么写？_WEB前端开发
web前端是什么意思?_WEB前端开发 web前端就是前端网络编程,也被认为是用户端编程,是为了网页或者网页应用,而编写HTML,CSS以及JS代码,所以用户能够看到并且和这些页面进行交流. html ...
div css将文字居中显示图片,css文字居中、图片居中、div居中解决方案
一.文字居中若文字只有一行文本只有一行 .box { width: 200px; height: 200px; background-color: red; } .text { line-heig ...
css实现文字中间横线,css实现文字居中两边横线效果的示例代码
本文介绍了css实现文字居中两边横线效果的示例代码,分享给大家,具体笔记如下: 效果: content="width=device-width, user-scalable=no, init ...
html整体居中文字,html里文字居中代码怎么写？
html里文字居中代码怎么写?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 文字水平居中水平居中 .box { width: 300px; heigh ...
html怎么把文字居中6,html5怎么把文字居中
1.html如何让文字居中显示你的话有歧义,所以导致下面的回答有歧义. 两种情况:1.文本格式居中:2.文本所在标签居中显示在窗口中. 1.如其他匿名用户回答的一样,给文本所在标签加CSS属性值&q ...
html文章整体居中,HTML如何让文字居中？附两种方式
我们在编写一个网页时,经常需要将文字居中.那么这篇文章小编教你HTML如何让文字居中. 方法一. 居中标签中可以直接添加align="center"样式,使文字居中.具体代码如下: ...
html文字左右两边有居中的直线,css怎么实现文字居中两边横线效果
css怎么实现文字居中两边横线效果发布时间:2021-03-19 09:50:44 来源:亿速云阅读:92 作者:小新这篇文章将为大家详细讲解有关css怎么实现文字居中两边横线效果,小编觉得挺实 ...
web前端字体居中_html里文字居中代码怎么写？_WEB前端开发,html,css
web前端是什么意思?_WEB前端开发 web前端就是前端网络编程,也被认为是用户端编程,是为了网页或者网页应用,而编写HTML,CSS以及JS代码,所以用户能够看到并且和这些页面进行交流.html里 ...

不用lineheight 让文字居中

不用lineheight 让文字居中相关推荐

最新文章

热门文章