요소는 블록 요소입니다. 인라인 요소 내에 블록 요소를 포함하는 것은 일반적으로 잘못된 HTML로 간주됩니다. 레이블 요소에 대한 사양에는
를 포함한 하위 블록 요소가 포함되어서는 안 된다고 명시적으로 명시되어 있습니다.
사용자 정의 CSS: 임시 수정
적용하는 동안 .block {display: block; } 원하는 레이아웃을 시각적으로 얻을 수는 있지만 기본 HTML 마크업 문제는 해결되지 않습니다. 기본 표시 동작을 재정의하기 위해 사용자 정의 CSS 수정에 의존하는 것은 예측할 수 없는 중단 및 유지 관리 문제에 취약합니다.
올바른 HTML 구조
문제를 올바르게 해결하려면 문구를 사용하세요.
대신 레이블 내의
요소:
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="block">
<span class="col-lg-2 control-label">Email</span>
<input type="email" class="form-control">
</label>
</div>
</form>
결론
겉보기에는 CSS의 도움으로 효과적인 것처럼 보이지만 ,
성명:본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.