删除 <div> 中换行后的宽度 [重复]

Question

我想知道是否可以删除<div> 中的新行所产生的空白。

看图，从图形上讲，是不是可以去掉绿色区域？

我发现最好的方法是使用宽度和媒体查询，但有更好的方法吗？

提前致谢。

更新：

很抱歉没有立即包含代码。

这是沙箱的链接，注意第一个和第二个元素之间的边距。

https://codesandbox.io/s/blissful-night-erorj?file=/index.html

Answer 1

发生这种情况是因为当下一个单词没有足够的空间时，文本会换行到第二行。这种情况出现在大约 700 像素到 900 像素宽的屏幕尺寸中。
使用相关的自动换行技术来获得所需的结果。
如果您希望将文本放在一行中并且不希望它们换行，请在 .list-text 类中添加 white-space: nowrap; 样式。

Answer 2

这是因为您可能在右边留出了一些边距，或者因为应用了一些宽度的额外 div。如果是这样，则将其删除。