码迷,mamicode.com
首页 > Web开发 > 详细

html结点 垂直居中

时间:2015-03-10 17:20:07      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:html   css   

技术分享

为了实现上面右侧文字的垂直居中,尝试了多种方法,但苦于父容器不定高,因此多种方案都被否定,最后求助于高手后,找到如下解决方案:

<style>

.container{

display:flex;

flex-direction:row;

align-items:center;

}

</style>

<div class="container">

            <div class="content">
                    <p >韩红:今年两个提案中一个就关于雾霾</p>
                    <span>24小时热点</span>

            </div>

 </div>

html结点 垂直居中

标签:html   css   

原文地址:http://blog.csdn.net/cicixujing/article/details/44176797

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!