css每日一记

CSS 属性解释
overflow: hidden;
含义：设置元素的溢出内容如何处理。
作用：当内容超出元素边界时，隐藏超出部分的内容。
text-overflow: ellipsis;
含义：设置当内容被修剪时是否显示省略标记（通常是省略号 …）。
作用：当内容超出容器宽度时，在末尾显示省略号。
display: -webkit-box;
含义：将元素显示为一个弹性盒子（Flexbox）。
作用：允许使用 WebKit 引擎的多行文本截断功能。
注意：这是一个 WebKit 特有的属性，主要用于 Safari 和 Chrome 浏览器。
-webkit-line-clamp: 2;
含义：设置弹性盒子内最多显示的行数。
作用：限制元素内的文本行数，超过指定行数后使用省略号截断。
注意：这也是一个 WebKit 特有的属性，主要用于 Safari 和 Chrome 浏览器。
-webkit-box-orient: vertical;
含义：设置弹性盒子的方向。
作用：将弹性盒子的方向设置为垂直方向。
注意：这也是一个 WebKit 特有的属性，主要用于 Safari 和 Chrome 浏览器。