<div class="recommend"> <div> <b style="margin-top: 10px">商品推荐</b> </div> <div> <b style="margin-top: 10px">新品上新</b> </div> <div> <b style="margin-top: 10px">热销商品</b> </div> </div> 怎么让三个div三等分水平分布

可以使用 CSS 的 flexbox 属性来实现三个 div 水平分布并且等分的效果。下面是一种可能的实现方式：

HTML 代码：

<div class="container">
  <div class="item">
    <b>商品推荐</b>
  </div>
  <div class="item">
    <b>新品上新</b>
  </div>
  <div class="item">
    <b>热销商品</b>
  </div>
</div>

CSS 代码：

.container {
  display: flex;
  justify-content: space-between;
}

.item {
  flex: 1;
  text-align: center;
}

在上述代码中，我们使用了 `display: flex` 将容器元素设置为 flex 容器，然后使用 `justify-content: space-between` 将三个子元素水平等分分布在容器内。每个子元素使用 `flex: 1` 来平均分配剩余空间，以实现等分效果。最后，我们使用 `text-align: center` 来使文字居中显示。

你可以根据实际需求来对容器和子元素的样式进行调整。希望这能够解决你的问题！如有更多疑问，请随时提问。