html - 避免在 SPAN 中使用 DIV - 最佳实践

Question

DIV是 block 级元素，不得嵌套在 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# 如果您想避免 block <div>的风格你可以使用这个 CSS:

span>div{display:inline;}

或应用于span内的所有 child

span div{display:inline;}

2# 如果您想避免 inline <span>的风格你可以使用这个 CSS:

span.fields{display:block;}

还是要嵌套，所有的 child 都好好的

span.fields{display:inline-block;}

希望对您有所帮助。