css文字过长显示省略号

作者：嗜血之舞发布日期:2025-11-05 浏览:66

/* 示例代码：当文字过长时显示省略号 */

.text-ellipsis {
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden;    /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 超出部分用省略号表示 */
  width: 200px;        /* 设置一个固定的宽度，以便看到效果 */
}

<!-- HTML 示例 -->
<div class="text-ellipsis">
  这是一段非常长的文字，当它超出容器的宽度时，将会被截断并显示为省略号。
</div>

上一篇：css设置背景颜色透明度

下一篇：在线css