在将此问题标记为重复之前,请阅读以下内容:
我正在尝试的是在 react 中专门执行此操作,如果这是 html,则就像执行以下操作一样简单(div 是内联块):
<div>something</div><
div>something2</div>
这将导致 div 之间没有空白,很酷,但我不能在 React 中这样做,因为 React 使用 JSX 而不是 HTML。
我已经阅读了使用 CSS 执行此操作的不同解决方案,其中一些是:
将 margin-left 设置为负值(这在调整浏览器窗口大小时可能会中断(它基本上不会响应)
将父容器字体大小设置为 0(我读过这在某些平台上有问题)
- 将父容器向左浮动(我需要使用 text-align 和浮动只会把一切搞砸)。
所以唯一的办法就是使用 flexbox,但我想知道是否还有其他方法可以删除这些空格(如果没有,我将使用 flexbox/table)。