<div class="wpwz"> <div class="wup_zl_xz"> <span><input type="checkbox" style="margin-left: 5px;">生命值</span> <span><input type="checkbox">攻击速度</span> <span><input type="checkbox">护甲穿透</span> </div> <div class="wup_zl_xz_1"> <span><input type="checkbox" style="margin-left: 5px;">暴击</span> <span><input type="checkbox" >攻击速度</span> <span><input type="checkbox">护甲穿透</span> </div> <div class="wup_zl_xz"> <span><input type="checkbox" style="margin-left: 5px;">法术伤害</span> <span><input type="checkbox">攻击速度</span> <span><input type="checkbox">消耗品</span> </div> <div class="wup_zl_xz"> <span><input type="checkbox" style="margin-left: 5px;">韧性</span> <span><input type="checkbox">法力值</span> <span><input type="checkbox">护甲穿透</span> </div> <div class="wup_zl_xz"> <span><input type="checkbox" style="margin-left: 5px;">生命值</span> <span><input type="checkbox">攻击速度</span> <span><input type="checkbox">附魔</span> </div> <div class="wup_zl_xz"> <span><input type="checkbox" style="margin-left: 5px;">法力回复</span> <span><input type="checkbox">法术吸血</span> <span><input type="checkbox">移动速度</span> </div> <div class="wup_zl_xz"> <span><input type="checkbox" style="margin-left: 5px;">护甲值</span> </div> </div>css代码.wup_zl_xz span{ margin: 10px; } .wup_zl_xz span input{ transform: translateY(2px) translateX(-5px); } .wpwz{ font-size: 12px; } .wup_zl_xz_1 { float: left; margin-top: 10px; } .wup_zl_xz_1 span{ margin: 13px; } .wup_zl_xz_1 span input{ transform: translateY(2px) translateX(-5px); }修改以上代码实现所有input与第一行对齐间距相同
时间: 2023-07-19 21:13:30 浏览: 75
可以将所有的input都设置一个固定的宽度,然后使用flex布局将它们放在同一行,并设置justify-content为space-between,最后将每行的第一个span设置margin-left为0,就可以实现所有input与第一行对齐,间距相同的效果。
修改后的CSS代码如下:
```
.wup_zl_xz span {
margin: 10px 10px 10px 0;
}
.wup_zl_xz span input {
width: 16px;
transform: translateY(2px) translateX(-5px);
}
.wup_zl_xz_1 {
display: flex;
margin-top: 10px;
justify-content: space-between;
}
.wup_zl_xz_1 span {
margin: 10px 13px 10px 0;
}
.wup_zl_xz_1 span input {
width: 16px;
transform: translateY(2px) translateX(-5px);
}
.wpwz {
font-size: 12px;
}
```
相关问题
ommand "python setup.py egg_info" failed with error code 1 in /tmp/pip-build-5wup58he/pandas/
这个错误通常是由于缺少依赖库或者版本不兼容导致的。"python setup.py egg_info"是在安装Python包时执行的命令,它用于获取包的元数据信息。
要解决这个问题,你可以尝试以下几个步骤:
1. 确保你的Python环境已经正确安装,并且版本符合要求。你可以使用命令`python --version`来检查Python的版本。
2. 确保你已经安装了所需的依赖库。在这个错误中,可能是由于缺少pandas库导致的。你可以使用命令`pip install pandas`来安装pandas库。
3. 如果你已经安装了pandas库,但是仍然出现错误,可能是由于版本不兼容导致的。你可以尝试升级pandas库到最新版本,使用命令`pip install --upgrade pandas`。
4. 如果以上步骤都没有解决问题,你可以尝试查看错误信息中提到的路径`/tmp/pip-build-5wup58he/pandas/`,检查是否存在该路径以及相关文件。如果不存在,可能是由于下载或解压过程中出现了问题。你可以尝试删除该路径下的文件,并重新执行安装命令。
希望以上步骤能够帮助你解决问题!
static void __near r_iica0_interrupt(void) { WUP0 = 0U; /* disable wakeup */ NOP(); NOP(); NOP(); NOP(); NOP(); if ((IICS0 & _80_IICA_STATUS_MASTER) == 0U) { iica0_slavehandler(); } }
这段代码是用来处理 IICA0 模块中断的函数。在函数中,首先禁止了外部唤醒(WUP0 = 0U),然后执行了五个 NOP 命令,以确保程序运行的稳定性。接着判断 IICA0 模块是否处于主模式,如果不是,则调用 iica0_slavehandler() 函数来处理从模式的操作。这段代码是针对 IICA0 模块的从模式设计的。
阅读全文