익스프로러 br태그 display 관련

짬짬

2018-05-24 (목) 11:58:21 2,248

<br class="mobile">으로 태그를 설정한후 .mobile {display:none}로 설정한후

미디어 쿼리를 이용해 일정 픽셀 이하에서는 display:block으로 바뀌도록 설정했습니다.

크롬에서는 적용 되는데 익스플로러에서는 적용이 되질 않습니다

display:inline;도 안되고 display:inline-block;zoom:1;*display:inline; 도 안되고

display:inline-block;*zoom:1;*display:inline;도 안되고

<br class="mobile"/>로 해도 안되더라구요.

다른 방법이 있을까요?

그누보드5

채택된 답변

+20 포인트

배모씨

2018-05-24 (목) 12:05:17

<br>태그에 CSS 쓰는건 처음 보네요.

<br>

이런식이라면, 차라리 <br> 빼시고,

<div>의 display를 변경시는게 좋을것 같아요.

둥근세상

2018-05-24 (목) 13:12:36

<p > 태그를 사용하셔야 합니다.

TheARO

2018-05-24 (목) 12:09:44

br에는 공백(엔터)로 쓰기 떄문에 따로 class 를 지정하지 않습니다.

다른 태그를 사용하세요~

div, span, p태그로요~

답변을 작성하려면 로그인이 필요합니다.