안녕하세요
메인페이지의 컨텐츠 위젯내용의 끝부분을 ...으로 출력 시키고 싶어서
text-overflow: ellipsis; 를 찾아서 적용했는데
이런식으로 출력 되어서 문의 드려요
우선 모바일 화면 데스크톱 화면별로 위젯크기를 다르게하기위해
@media screen도 사용했습니다.
그리고 컨텐츠 위젯들을 board-01로 class 지정해서 text-overflow: ellipsis; 도 사용했는데 잘 안되네요...
어떤 점이 잘못된건지 조언 부탁드려요
이퀴어테마를 사용중이고요 위젯스타일의 style.css 파일을 아래와 같이 해놓은 상태입니다.
@media screen and (max-width:639px){ .board-01 { width: 100% !important; box-sizing:border-box; } } @media screen and (min-width: 640px){ .board-01 { width: 49% !important; box-sizing:border-box; } } @media screen and (max-width:639px){ .board-02 { width: 100% !important; box-sizing:border-box; } } @media screen and (min-width: 640px){ .board-02 { width: 49% !important; box-sizing:border-box; } } .board-01 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
이런 걸 원하시는 거죠?
근데 이렇게 하더라도 상위요소들에 flex 속성들이 많아서 더보기 버튼 등에 영향을 주게 되네요.
flex는 어려워요ㅜㅜ