css 只显示一行

作者：自然ㄣ之光发布日期:2026-02-05 浏览:79

/* 通过设置 white-space 和 overflow 属性，可以确保文本只显示一行，并且超出部分隐藏 */
.single-line {
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的文本 */
    text-overflow: ellipsis; /* 用省略号表示被隐藏的文本 */
    width: 200px; /* 设置容器宽度，可以根据需要调整 */
}

<!-- 示例 HTML 代码 -->
<div class="single-line">
    这是一段非常长的文本，将会被截断并显示为一行。
</div>

上一篇：css 水平垂直居中

下一篇：css flex 布局