css文字超出隐藏

作者：一小我的小情歌发布日期:2025-09-09 浏览:19

/* 当文字超出容器宽度时，隐藏溢出的文字，并用省略号表示 */
.text-overflow {
  white-space: nowrap; /* 防止文字换行 */
  overflow: hidden;    /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 用省略号表示被隐藏的文字 */
  width: 200px;        /* 设置容器的固定宽度 */
}

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

上一篇：css换行符

下一篇：css 设置透明度