1 . 代码

/* 添加到你的CSS文件中 */  
.switch-td {  display: flex;  justify-content: space-between; /* 两端对齐，这样文本和开关会分别靠左和靠右 */  align-items: left; /* 垂直居中 */  
}     
/* 如果你不想改变其他<td>的默认左对齐，只需为特定的<td>添加这个类 */

    <td class="switch-td"> 文字<div class="onoffswitch">  <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="btn1" checked>  <label class="onoffswitch-label" for="btn1">  <span class="onoffswitch-inner"></span>  <span class="onoffswitch-switch"></span>  </label>  </div> </td> 

2. 效果