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

css实现文本块在容器中垂直居中

时间:2018-08-12 10:24:10      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:png   dde   splay   text   .com   ellipsis   垂直居中   lam   定位   

效果如图:

技术分享图片

css代码:

.textContainer {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    -webkit-line-clamp: 2;
}

如果有图标,需要固定定位到边上,不能用浮动。

 

css实现文本块在容器中垂直居中

标签:png   dde   splay   text   .com   ellipsis   垂直居中   lam   定位   

原文地址:https://www.cnblogs.com/wangxiaohang/p/9461807.html

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