HbuilderX 布局logo左右居中

HBuilderX 是一款基于WebIDE的前端开发工具，它支持HTML、CSS和JavaScript等网页制作技术。如果你想要在HBuilderX中设置Logo在布局中的左右居中，你可以通过CSS来实现。以下是一个基本的步骤：

1. 首先，在HTML中，给Logo添加一个id或者class以便于CSS选择：

<div id="logo-container">
  <img src="your-logo-image.png" alt="Logo" class="center-logo">
</div>

2. 在CSS部分，编写样式规则使其左右居中。你可以使用`flexbox` 或者 `grid` 属性来轻松地实现这一效果：

#logo-container {
  display: flex; /* 使用 flexbox */
  justify-content: center; /* 使子元素水平居中 */
}

.center-logo {
  max-width: 100%; /* 自适应宽度 */
  height: auto;
}

或者如果你更倾向于使用`grid`布局：

#logo-container {
  display: grid;
  place-items: center; /* 使内容垂直和水平居中 */
}

.center-logo {
  margin: 0; /* 清除默认边距 */
}