举例:
<div>
<a class="ag">齐天大圣</a>
<a class="ga">齐天大圣</a>
</div>
a{
display: inline-block;
}
.ag{
width: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
这种情况下,会造成.ag和.ga不在同一行,该怎么做呢?
一步搞定,上代码:
a{
display: inline-block;
}
.ag{
width: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ga{
vertical-align{
middle
}
记住,vertical-align加在没有文本隐藏的那个,而不是文本隐藏的那个上。