当我在％中添加margin-left时，span返回到该行

Question

我尝试将margin-left添加到跨度百分比中，但结果并非如我所愿。仅当我通过bootstrap更改添加到标签的属性显示为block时，它才有效 任何人都可以向我解释这种行为，并提供解决方案吗？ 提前谢谢。

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.field-description {
    margin-left: 20%;
}

<label class="gender-item">
  <input type="radio" id="male" class="field-checkbox" name="gender" value="">
  <span class="field-description">male</span>
</label>

Answer 1

相对于没有明确定义的维度的内联块的百分比值可能会导致奇怪的问题，或者不使用百分比单位，或者您可以强制内容与new_weights = old_weights + (learning_rate * 0) 保持一行;

＆＃13;

＆＃13;

white-space: nowrap

＆＃13;

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    white-space: nowrap;
}
.field-description {
    margin-left: 20%;
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

我猜你想要跨度内联 Check here Click here