加载中,请稍等...

CSS技巧

1.显示两行

微信图片_20240603172524.png

sss

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 .truncate-two-lines {
/* 使用WebKit引擎的line-clamp截断到2行 */
display: -webkit-box;
-webkit-line-clamp: 2; /* 核心属性:限制为2行 */
-webkit-box-orient: vertical;/* 必须搭配使用 */

/* 隐藏溢出内容 */
overflow: hidden;

/* 保证最小高度(根据行高调整) */
min-height: 2em;

/* 可选:优化显示效果 */
padding: 0 2px;
border-radius: 2px;
}

换行

1
<div style="white-space: pre-line;  word-wrap: break-word;"  v-html="data.content"></div>
  
2019成长记01
激活Typora

:D 一言句子获取中...

加载中,最新评论有1分钟缓存...