在css上:如果文本行是break显示点

前端之家收集整理的这篇文章主要介绍了在css上:如果文本行是break显示点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在此解决方案之前看过,但我不记得究竟…没有JS

也许它在线路休息时起作用.
但是什么是css属性

问题是:
如何为用户显示:点,如果文本超过150px

DEMO

<div>apple</div>
<div>jack fruit</div>
<div>super puper long title for fruit</div>
<div>watermelon</div>

div {
font-family: Arial;
background: #99DA5E;
margin: 5px 0;
padding: 1%;
width: 150px;
overflow: hidden;
height: 17px;
color: #252525;
}

解决方法

你在谈论省略号吗?将其添加到您的CSS中
text-overflow: ellipsis;
white-space: nowrap;

小提琴:http://jsfiddle.net/5UPRU/7/

原文链接:https://www.f2er.com/css/217671.html

猜你在找的CSS相关文章