<div> 换行后删除宽度

Question

我想知道是否可以删除<div>中新行所做的白色space。

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

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

提前致谢。

更新：

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

这里是沙盒 link，注意第一个和第二个元素之间的边距。

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

Answer 1

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

Answer 2

发生这种情况是因为文本换行到第二行时没有足够的 space 用于下一个单词。这种情况出现在大约 700px 到 900px 宽的屏幕尺寸中。
使用相关的自动换行技术得到想要的结果。
如果您希望您的文本在一行中并且不希望它们换行，请在 .list-text class.

中添加 white-space: nowrap; 样式