怎么使得这段代码<label for="sites">请选择需要比价的电商网站：</label> <input type="checkbox" id="jd" name="site" value="jd"> <label for="jd">京东</label> <input type="checkbox" id="tb" name="site" value="tb"> <label for="tb">淘宝</label> <input type="checkbox" id="tm" name="site" value="tm"> <label for="tm">天猫</label> <input type="checkbox" id="vp" name="site" value="vp"> <label for="vp">唯品会</label> <br><br>在页面正中间

可以使用HTML和CSS来实现这个需求。以下是一个示例代码：

<div class="checkbox-group">
  <label for="sites">请选择需要比价的电商网站：</label>
  <div class="checkbox-list">
    <input type="checkbox" id="jd" name="site" value="jd">
    <label for="jd">京东</label>
    <input type="checkbox" id="tb" name="site" value="tb">
    <label for="tb">淘宝</label>
    <input type="checkbox" id="tm" name="site" value="tm">
    <label for="tm">天猫</label>
    <input type="checkbox" id="vp" name="site" value="vp">
    <label for="vp">唯品会</label>
  </div>
</div>

.checkbox-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.checkbox-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

这段代码会将复选框列表居中显示，并且使用CSS的flex布局来实现自适应和间隔控制。你可以根据自己的需要修改CSS代码来适应不同的页面设计。