在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屬性值來實現自動對齊效果。
