码迷,mamicode.com
首页 > 其他好文 > 详细

div文本垂直居中(div text vertical aligan)

时间:2016-07-20 22:54:17      阅读:391      评论:0      收藏:0      [点我收藏+]

标签:

.container {

    background:darkcyan;
    width: 135px;
    height: 84px;
    display: table;
}

.container p {
    display: table-cell;
    vertical-align: middle;  
    word-break: break-all;
    text-align: center;
}
 <div class="container">
       <p>ally and horifffffffffffffffffffffffffffally.</p>
 </div>
 

效果如下

ally and horifffffffffffffffffffffffffffally.

div文本垂直居中(div text vertical aligan)

标签:

原文地址:http://www.cnblogs.com/Zoes/p/5689834.html

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