/* 单行文本溢出省略 */
.text-ellipsis {
white-space: nowrap; /* 防止文本换行 */
overflow: hidden; /* 超出部分隐藏 */
text-overflow: ellipsis; /* 溢出部分显示为省略号 */
}
解释说明:
white-space: nowrap;
:防止文本换行,确保文本在一行内显示。overflow: hidden;
:超出容器宽度的部分会被隐藏。text-overflow: ellipsis;
:当文本溢出时,用省略号(...)来表示被截断的文本。上一篇:css3 transition
下一篇:text/css
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站