css指定文本换行并将超出部份使用省略号

多行文本超出隐藏并显示省略号

display: -webkit-box;  /* 将p标签变成弹性盒子 */
-webkit-line-clamp: 2;  /* 最多显示2行 */
-webkit-box-orient: vertical;  /* 垂直排列 */
overflow: hidden;  /* 超出部分隐藏 */
text-overflow: ellipsis;  /* 显示省略号 */

单行文本超出隐藏并显示省略号

white-space:nowrap;/* 让文本不换行 */
overflow:hidden; /* 溢出的部份隐藏 */
text-overflow:ellipsis; /* 多余的部份用...展示 */
posted @ 2023-12-11 12:08  猝死的路上  阅读(217)  评论(0编辑  收藏  举报