在高度固定语泽，實(shí)現(xiàn)文本一行或兩行文本垂直對(duì)齊
- 把外框高度設(shè)置為兩行(幾行對(duì)齊就幾行)的最大高度焦履。
<style type="text/css">
.infos{
width: 100%;
max-width:400px;
height:auto;
overflow: hidden;
background: #000;
color:#fff;
display:table;
}
.icon{display:table-cell;
width: 50px;
height: 72px;
background: green;
vertical-align: middle;
}
.txt{
display:table-cell;
overflow: hidden;
vertical-align: middle;
}
.txt p{
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
vertical-align: middle;
overflow: hidden;
line-height: 20px;}
</style>
<body>
<div class="infos">
<div class="icon"></div>
<div class="txt"><p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p></div>
</div>
</body>
image.png
