javascript - UI - 反应如何在同一行中添加图像

Question

[在此处输入图像描述][1]我使用了父标签并保留了 3 个 div 标签，当我尝试将图像添加到同一行时，它会转到下一行。我们如何将所有这 3 个 div 保持在同一行，如下所示

<div className="grid grid-cols-2  gap-x-8 gap-y-4 pb-4">
<div> TCP </div>
<div> 12 </div>.
<div> <img src="images/deleteIcon" alt="Delete Icon"/> </div>
</div>


  [1]: https://i.stack.imgur.com/xgk77.png

标签： javascriptreactjsuser-interfacefrontend

Answer 1

我不知道这些课程是做什么的，但是...

如果容器是display: flex，则设置flex-wrap: nowrap

如果容器不是display: flex，则设置white-space: nowrap