반응형에서 텍스트 줄바꿈
단순히 텍스트를 줄 바꿈 하는것은 태그로만 알고 있었다. 그런데 반응형으로 하려니 막힌다 모바일 버전에서는 줄이 바뀌고 테블릿 버전부터는 한줄로 텍스트를 표시하고 싶었다 Client Testimonial 위와 같이 줄바꿈하고 싶은 텍스트는 span태그 안에 작성하면 된다 .second_line_testimonial_title { @include mq($BREAKPOINT-XS) { display: block; } @include mq($BREAKPOINT-MD) { display: inline; } } 위와 같이 CSS를 작성해주면 모바일 버전에서만 줄바꿈이 적용된다
프론트엔드/HTML,CSS
2023. 6. 30. 17:37
