css 一行显示

作者：噬血啸月发布日期:2026-02-07 浏览:74

/* 使内容在一行显示 */
.one-line {
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden;    /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 超出部分用省略号表示 */
}

解释说明：

white-space: nowrap;：防止文本换行，确保所有内容都在同一行显示。
overflow: hidden;：当内容超出容器宽度时，隐藏超出的部分。
text-overflow: ellipsis;：当内容被截断时，使用省略号（...）来表示被隐藏的内容。

上一篇：bootstrap.css

下一篇：padding在css中什么意思