wd-checkbox 在盒子垂直显示

wd-checkbox 是一种通常用于界面设计中的复选框组件，它可以帮助你在网页或应用中呈现可交互的选择项。如果想要让这个复选框垂直方向上显示，你可以通过CSS样式来控制其布局。例如：

1. **HTML结构**：

   <div class="checkbox-container">
     <label>
       <input type="checkbox" class="wd-checkbox" />
       <span>选择项</span>
     </label>
   </div>

2. **CSS样式**：

   .checkbox-container {
     display: flex; /* 使用 Flexbox 布局 */
     align-items: center; /* 子元素居中对齐 */
   }
   
   .wd-checkbox {
     margin-right: 10px; /* 控制复选框和文字间距 */
   }

这里设置了`.checkbox-container`为Flex容器，并设置`align-items: center`使其内部内容在垂直方向上居中。