为了在<div>
或<li>
元素中设置文本溢出省略号,您可以使用CSS的text-overflow
属性。
.ellipsis {
white-space: nowrap; /* 文本不换行 */
overflow: hidden; /* 溢出的内容被隐藏 */
text-overflow: ellipsis;/* 显示省略号 */
width: 150px; /* 需要设置的宽度 */
}
在HTML中,使用<p>
或<span>
包裹需要显示省略号的文本,并添加.ellipsis
类名:
<p class="ellipsis">这是一段需要设置省略号的文本。</p>
这样,文本中的省略号将在<div>
或<li>
元素中显示。
领取专属 10元无门槛券
手把手带您无忧上云