属性设置为display:inline或display:inline-block
属性设置为display:inline或display:inline-block
转载于:https://www.cnblogs.com/lvlin241/p/10022653.html
white-space: nowrap; /*强制span不换行*/
display: inline-block; /*将span当做块级元素对待*/
width: 260px; /*限制宽度*/
overflow: hidden; /*超出宽度部分隐藏*/
text-overflow: ellipsis; /*超出部分以点号代替*/
line-height: 0.9; /*数字与之前的文字对齐*/
就是两个span , 我想让他们两个在同一行显示, 但是效果却是这样的,
原因在于这两个span标签 的宽度默认是100% , 一个span就占满一行, 另一个只能去下一行,
解决方法就是边浮动边给他设置一个宽度, 两个宽度都设置成200px,, 再浮动, 就好了
就是这样
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;