Html 并排跳水，中间有空格

为什么让两个div并排在一起，而它们之间的空间很小会如此困难

我试过了

  <div style="height: 160px; width: 100%; box-sizing:border-box; display:table;">

            <div class="introwrapper" style="height:100%;    width:25%;display:table-cell;background: pink;box-sizing: border-box;">First      Div</div>
<div style="width:5%;">
 </div>
           <div class="introwrapper" style="height:100%; width:25%;display:table-cell; background: blue; box-sizing: border-box;">second div</div>

        </div>

第一组
第二组

但我无法在两者之间获得空间。

---

它已经结束了，所以和其他博客，但没有一个正确的解决方案

您可能需要使用

float:left

将两个div并排对齐

<div style="height: 160px; width: 100%; box-sizing:border-box; display:table;">
    <div class="introwrapper" style="float:left;margin-right:30px; height:100%;    width:25%;display:table-cell;background: pink;box-sizing: border-box;">First      Div</div>
    <div class="introwrapper" style="float:left;height:100%; width:25%;display:table-cell; background: blue; box-sizing: border-box;">second div</div>
    <br style="clear:left" />
</div>

第一组
第二组

您可能需要使用

float:left

将两个div并排对齐

<div style="height: 160px; width: 100%; box-sizing:border-box; display:table;">
    <div class="introwrapper" style="float:left;margin-right:30px; height:100%;    width:25%;display:table-cell;background: pink;box-sizing: border-box;">First      Div</div>
    <div class="introwrapper" style="float:left;height:100%; width:25%;display:table-cell; background: blue; box-sizing: border-box;">second div</div>
    <br style="clear:left" />
</div>

第一组
第二组

使用div样式上的float:left并排对齐；我最终得到了表格、tr和tds。跳水并不总是那么容易。我正在努力在div上显示径向量规，因此调整空格非常困难，但如果我找到一些好的解决方案，我很想回到div上使用float：在div样式上左对齐并排；我最终得到了表格、tr和tds。跳水并不总是那么容易。我正在努力在div上显示径向仪表，所以调整空间非常困难，但如果我找到一些好的解决方案，我很想回到div上