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>
最佳答案
没有 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;}
希望对您有所帮助。
关于html - 避免在 SPAN 中使用 DIV - 最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47278935/