Html 3个宽度为33.33%的元件是否超过100%？

我有一个包含3个元素的div（h2）。div为100%，但当我将div内每个h2的宽度设置为33.33%时，第三个div将向下移动一行。33%有效，但我还有多余的空间，这几乎是不明显的，但对我来说仍然是个问题。我如何解决这个问题，所以3个H2适合在100%个div内，以便第一个H2向左对齐，中间的第二个中心，最后一个向右对齐？甚至不必使用数字，比如33.33%

这就是我到目前为止所做的：

HTML:

---

我建议学习使用flexbox。它确实节省了时间，并且有很好的浏览器支持

CSS:

HTML:

<div class="col-md-12 flex bottomPadding">
   <h2 class="item"><a href="/">Edit</a></h2>
   <h2 class="item"><a href="/">Delete</a></h2>
   <h2 class="item"><a href="#">Move up</a></h2>
</div>

---

我建议学习使用flexbox。它确实节省了时间，并且有很好的浏览器支持

CSS:

HTML:

<div class="col-md-12 flex bottomPadding">
   <h2 class="item"><a href="/">Edit</a></h2>
   <h2 class="item"><a href="/">Delete</a></h2>
   <h2 class="item"><a href="#">Move up</a></h2>
</div>

---

有几种方法可以解决这个问题，我的首选是使用flexbox进行响应

.bottomPadding{
显示器：flex；
宽度：100%；
}
.左下，
.中下浮动，
.右下浮动{
宽度：计算值（100%/3）；
}
.左下浮动{
文本对齐：左对齐；
}
.浮动中心底部{
文本对齐：居中；
}
.右下浮动{
文本对齐：右对齐；
}

---

有几种方法可以解决这个问题，我的首选是使用flexbox进行响应

.bottomPadding{
显示器：flex；
宽度：100%；
}
.左下，
.中下浮动，
.右下浮动{
宽度：计算值（100%/3）；
}
.左下浮动{
文本对齐：左对齐；
}
.浮动中心底部{
文本对齐：居中；
}
.右下浮动{
文本对齐：右对齐；
}

您知道，元素周围有一个空白。手动二进制搜索。（？）元素可能重复，元素周围有空白。手动二进制搜索。（？）可能的副本

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.item {
    padding-bottom: 10px;
}

<div class="col-md-12 flex bottomPadding">
   <h2 class="item"><a href="/">Edit</a></h2>
   <h2 class="item"><a href="/">Delete</a></h2>
   <h2 class="item"><a href="#">Move up</a></h2>
</div>