在SPAN中避免DIV - 最佳实践

Question

DIV是块级元素，不得嵌套在SPAN中。但是很多主题都劫持了这种最佳实践。应该使用什么CSS来绕过这些错误？

<span class="fields col-lg-6">
    <div class="field">
        <label>Otp<span style="color: red;"> *</span></label>
        @Html.TextDoxFor(m => m.Otp)
    </div>
</span>

Answer 1

没有CSS可以绕过HTML构造引起的错误。您必须在代码中手动执行此操作。

但在你的情况下它是可选的，它取决于你想要的东西。

1＃ 如果您想避开<div>的{​​{1}}样式，可以使用此CSS：

span>div{display:inline;}

或适用于span

内的所有儿童

span div{display:inline;}

2＃ 如果您想避免inline的{​​{1}}样式，可以使用此CSS：

<span>

或嵌套，所有孩子都正确

span.fields{display:block;}

希望这对你有所帮助。