css缩略显示 |css实现阴影

/* 例如： */
p {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

代码中的四个属性分别是：

• width：设置p标签的宽度，超出的内容将被隐藏。
• overflow：设置溢出的内容如何处理，这里设置为隐藏。
• text-overflow：设置溢出内容的显示方式，这里设置为省略号（…）。
• white-space：设置只在一行内显示全部文本，超出部分将被隐藏。

这样，当p标签中的内容超过100px时，就会自动隐藏多余的部分，并以省略号（…）表示。这种效果常用于文章列表、评论等需要在有限空间内显示较多内容的场景。