在HBuilder中，可以使用Flexbox布局的justify-content属性来实现自动对齐。以下是几种常用的justify-content属性值，用于实现自动对齐效果：
flex-start: 左对齐flex-end: 右对齐
center: 居中对齐
space-between: 均匀分布在容器内，首尾不留空白
space-around: 均匀分布在容器内，首尾留有空白
space-evenly: 均匀分布在容器内，包括首尾
下面是一个示例，展示如何在HBuilder中使用justify-content属性来实现自动对齐的效果：
<div style="display: flex; justify-content: center;"><div>元素1</div>
<div>元素2</div>
<div>元素3</div>
</div>
在上述代码中，父级<div>设置了display: flex; justify-content: center;，子元素<div>会自动水平居中对齐。
你可以根据具体需求选择适合的justify-content属性值来实现自动对齐效果。
