Html 如何防止行内的div增加它'；s码？（截图）

问题是，如果一个标题太长，它会进入第二行，这会使整个post div变大。有没有办法防止这种行为

我可以使用文本溢出：省略号，但可能有更好的解决方案

谢谢

向上

---

屏幕：

调整屏幕大小之前

之后

---

您是否尝试过使用带有div绝对高度的

溢出：隐藏
（例如
高度：200px
）

编辑：
要将标题保留在一行，请使用
空白：nowrap

编辑2：
如果您想让div展开，但不想在下面的行上创建空白，可以尝试使用
vertical align:top；显示：内联块，如中所示。
必须每隔第二项/列使用clear:right

.column:nth-child(2n) {
clear:right;
}

在您的情况下，您必须清除每第三个div。使用此代码段来实现您想要的

.news-list article:nth-child(2n+1) { clear: both; }

这会清除每三个浮点数，因此应该可以解决您的问题。
处理这种网格设计的最佳方法是使用FlexBox。它还为您提供了开箱即用的响应能力


请参见下面的示例


.container{
显示器：flex；
柔性包装：包装；
}
.容器.幻灯片{
宽度：计算（50%-10px）；
填充物：5px；
}
.货柜{
宽度：100%；
}
.货柜.标题{
颜色：rgb（190,17,47）；
字体大小：较小；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自16世纪以来一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越了电子排版，
基本保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行
Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自16世纪以来一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越了电子排版，
基本保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本
Lorem Ipsum很简单。
Lorem Ipsum自16世纪以来一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越了电子排版，
基本保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本
Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自15世纪以来一直是业界标准的虚拟文本，最近，像Aldus PageMaker这样的桌面发布软件包括了Lorem Ipsum的版本
Lorem Ipsum只是印刷和排版行业的虚拟文本。
自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本

Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自16世纪以来一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越了电子排版，
基本保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本
Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自16世纪以来一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越了电子排版，
基本保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本
Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自16世纪以来一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印盘，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越了电子排版，
基本保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本
Lorem Ipsum只是印刷和排版行业的虚拟文本。
制作一个类型样本簿。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行，
最近，桌面出版软件如
.column:nth-child(2n) {
clear:right;
}

.news-list article:nth-child(2n+1) { clear: both; }