텍스트가 길면 ....처리를 하려고 하는데 도움 부탁드립니다.
본문
텍스트가 길면 ....처리를 하려고 하는데 도움 부탁드립니다.
아래 코드 처럼 css를 짜서 크롬이나 엣지에서는 정상적으로 3줄보다 길 경우에는 ...처리가 되어 출력이 되는데 익스플로러에서는 저 소스가 적용되지를 않아서 여쭤봅니다. 고수님들 다른방법이 있을까요? 도움 부탁드립니다. 익스플로 버전은 10입니다.
font-size: 1.6rem;
font-weight: 300;
width: 100%;
height: auto;
line-height: 1.45;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
text-align: left;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
답변 1
가로를 % 말고 픽셀로 줘보시겠어요?
.ellipsis { width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
보통 이렇게 하면 모든 브라우저에서 전부 적용되긴 합니다만..
가로 % 가 걸리네요.
답변을 작성하시기 전에 로그인 해주세요.
