hbuilder盒子居中代码怎么写

要将一个盒子居中，可以使用以下方法：

1. 使用margin:auto; 例如，你的HTML代码如下：

   <div id="myBox">我是一个盒子</div>
   

   CSS代码如下：

   #myBox {
     width: 200px;
     height: 200px;
     margin: auto;
   }
   

2. 使用Flexbox布局（推荐）： 例如，你的HTML代码如下：

   <div id="myContainer">
     <div id="myBox">我是一个盒子</div>
   </div>
   

   CSS代码如下：

   #myContainer {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh; /* 为了使盒子垂直居中，请确保容器的高度为视口的高度 */
   }
   #myBox {
     width: 200px;
     height: 200px;
   }
   

以上两种方法都可以将盒子居中，可以根据你的实际需求选择使用。