div中元素水平对齐不换行

可以使用display: inline-block来实现div中元素水平对齐不换行的效果。具体方法如下：

1. 将div的样式设置为display: flex，这样子元素就可以水平排列了。

2. 将子元素的样式设置为display: inline-block，这样子元素就可以水平对齐了。

3. 如果想要子元素不换行，可以将white-space属性设置为nowrap。

下面是一个示例代码：

<div style="display: flex;">
  <div style="display: inline-block;">元素1</div>
  <div style="display: inline-block;">元素2</div>
  <div style="display: inline-block;">元素3</div>
</div>

通过这种方法，可以实现div中元素水平对齐不换行的效果。