SPAN 내부에서 DIV 피하기 - 모범 사례

DIV은 블록 수준 요소이므로 SPAN 내에 중첩되어서는 안됩니다. 그러나 많은 주제들이이 모범 사례를 납치합니다. 이러한 오류를 우회하려면 어떤 CSS가 적용되어야합니까?SPAN 내부에서 DIV 피하기 - 모범 사례

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

출처

2017-11-14 Abhijeet

해당 스팬을 div로 만들면 훌륭합니다. 그렇지 않으면이 html 코드가 부정적입니다. 자바 스크립트를 사용하여 기간을 div로 변경할 수 있지만 대신 템플릿에서 수행하는 것이 좋습니다. –

@ NathanielFlick이'js '로'span'을 변경하는 것은 ** 나쁜 ** 아이디어입니다! 그것을 잊어라 – Pedram

예 @pedram 내 전체 의견을 읽으십시오. –

는 HTML 건설로 인한 오류를 우회 할 CSS가 없습니다. 코드에서 수동으로해야합니다.

그러나 귀하의 경우 선택 사항입니다. 원하는대로 할 수 있습니다.

1 #당신은 당신이 CSS를 사용할 수있는 <div>의 block 스타일을 피하려면 :

span>div{display:inline;}

또는이 span

span div{display:inline;}

내부의 모든 자식의에 적용 2 #inline을 피하려면 <span> 사용할 수있는이 CSS의 tyle :

span.fields{display:block;}

또는 둥지이 당신을 위해 도움이되었다 모든 아이의 제대로

span.fields{display:inline-block;}

희망.

출처

2017-11-14 06:34:43 weBBer

아마도'view'에서 작동하지만 ** SEO **'div는 블록 레벨 요소와 SPAN 내부에 중첩되어서는 안됩니다. 표시 블록이나 인라인 또는 다른 것을 추가 한 후이 오류는 w3 유효성 검사기에서와 같이 수정되지 않습니다. – Pedram

@pedram 전적으로 동의합니다. 내 대답. 그러나 그가보기에 문제가 있다면 그는 내가 준 스타일 조정을 사용하여 수정할 수 있습니다. 그 선택의 모든 것. 그것은 그에게 달려있다. – weBBer

SPAN 내부에서 DIV 피하기 - 모범 사례

답변

관련 문제