CSS中，如何处理短内容和长内容？

在CSS中处理短内容和长内容的常见方法是使用自动边距（auto margins）和可伸缩容器（flexible containers）。以下是一些示例：

1. 水平居中单行文本:

.center-text {
  display: block;
  width: 50%;
  margin: 0 auto;
}

2. 水平居中多行文本（使用Flexbox）:

.center-text-container {
  display: flex;
  justify-content: center;
}
 
.center-text {
  margin: 10px; /* 可根据需要调整 */
}

3. 处理长内容溢出（使用ellipsis显示溢出文本）:

.text-overflow {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

4. 使用最大高度和省略号显示长内容（适用于多行文本）:

.multiline-text-overflow {
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 显示的行数 */
  -webkit-box-orient: vertical;
}

这些方法可以帮助你在CSS中处理短内容和长内容的显示问题。根据具体需求，你可能需要结合多种技术来实现完美的布局。