三个盒子在父级里横向排列不换行

如果你想在HTML中让三个盒子在父元素内水平排列且不换行，可以使用CSS的`display: inline-block;`属性。每个盒子会作为独立的行框元素，并且它们会在同一直线上依次排列，直到父元素宽度不足以容纳所有盒子为止。

示例代码如下：

<div class="parent">
  <div class="box">盒1</div>
  <div class="box">盒2</div>
  <div class="box">盒3</div>
</div>

<style>
.parent {
  width: 300px; /* 或者设置一个具体的宽度 */
  overflow-x: auto; /* 如果内容超过容器长度，添加滚动条 */
}

.box {
  display: inline-block;
  width: 100%; /* 每个盒子宽度自适应 */
  margin-right: 10px; /* 为了留出一些间距，可根据需要调整 */
}
</style>

在这个例子中，`.parent`是包含三个盒子的父元素，`.box`则是每个单独的盒子。通过`display: inline-block;`，我们可以控制它们的水平布局。