简述CSS3 中对溢出的处理 ？

CSS3 对溢出的处理主要通过几个属性来实现，包括 overflow、text-overflow、overflow-content 和 overflow-style。这些属性允许开发者控制内容在超出其容器边界时的显示方式。

1. overflow 属性：它定义了当内容溢出其块级容器时发生的事情。这个属性有以下可能的值：

   • visible（默认值）：内容会溢出到容器外，不会发生任何变化。
   • hidden：溢出的内容会被隐藏，不可见。
   • scroll：总是显示滚动条，无论内容是否溢出。
   • auto：自动决定是否显示滚动条，当内容溢出容器时显示滚动条。

2. text-overflow 属性：这个属性主要用于处理文本溢出的情况。当文本溢出其容器时，这个属性定义了如何显示溢出的文本。可能的值有：

   • clip（默认值）：直接裁剪文本，不显示省略号。
   • ellipsis：将溢出的文本显示为省略号（...）。

3. overflow-content 属性：这个属性用于设置溢出内容的显示方式。它有两个可能的值：

   • visible（默认值）：显示溢出的内容。
   • hidden：隐藏溢出的内容。

4. overflow-style 属性：这个属性用于设置溢出元素的样式。它有两个可能的值：

   • scrollbar-none：不显示滚动条。
   • scrollbar-some：始终显示滚动条。

这些属性在处理如图片溢出、文本溢出等场景时非常有用。例如，在图片画廊中，你可能希望图片可以超出容器边界，但又不希望图片被剪裁，这时你可以使用 overflow: visible。而在文本溢出的情况下，你可能希望显示省略号来提示用户还有更多内容，这时你可以使用 text-overflow: ellipsis。