两行显示
.title{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.title{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
uniapp插件库链接:[跳转演示][Link 1] .font-line-two\{ white-space:normal; word-break: break-a
1 原始效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub
如果要想显示两行,超出用省略号表示 { overflow: hidden; -webkit-line-clamp: 2;
一、div内显示一行,超出部分用省略号显示 white-space: nowrap; overflow: hidden; te
html <div class="text">超出两行显示省略号</div> css .text{ display: -webkit-b
目的:Andt一行显示两个input 本来的效果 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_
如:需要显示的内容 : String str = 显示显示两行两行显示显示两行两行显示显示两行两行显示显示两行两行显示显示两行两行显示显示两行两行 两行显示不下时显示效果
css 文本两行显示,超出省略号表示 重点:text-overflow: ellipsis;只对display:inline;起作用 例子: 我说说打瞌睡党风建设打
还没有评论,来说两句吧...