모바일에서 br태그 줄바꿈 기능 없애기 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

모바일에서 br태그 줄바꿈 기능 없애기 정보

반응형 모바일에서 br태그 줄바꿈 기능 없애기

본문

반응형을 제작하다 보면 pc에서는 줄바꿈을 넣어서 텍스트 표시하고 

모바일에서는 줄바꿈없이 표시해야 할 경우가 있죠.

 

그럴때 br을 강제로 없애는 방법도 있습니다. 

 

@media only screen and (max-width: 767px) {

    br{
       display:none !important;
    }

}

 

하지만 이렇게 하면 멋이 없죠 임폴턴트는 초보나 쓰는거니까요 

그리고 문단에 여백도 이쁘게 안나옵니다. 

 

@media only screen and (max-width: 767px) {

    br{
       display: inline-block;

       content: " ";

       padding: 0 2px;
    }

}

 

마침표 뒤에 다음 문장이 시작될때 약간의 띄어쓰기가 들어가고 br태그가 줄바꿈기능을 잃게 되었습니다. 

추천
5

댓글 6개

저는 비알 태그에도 속성을 넣을수있다란걸 잊고 살았나봐요 ㅋㅋㅋㅋ 저런방법도 있었다니 그냥 속성 없이 디폴트인줄 알았어요
전체 1,263
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT