텍스트가 길면 ....처리를 하려고 하는데 도움 부탁드립니다.

텍스트가 길면 ....처리를 하려고 하는데 도움 부탁드립니다.

QA

텍스트가 길면 ....처리를 하려고 하는데 도움 부탁드립니다.

본문

텍스트가 길면 ....처리를 하려고 하는데 도움 부탁드립니다.

아래 코드 처럼 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; }

 

보통 이렇게 하면 모든 브라우저에서 전부 적용되긴 합니다만..
가로 % 가 걸리네요.

답변을 작성하시기 전에 로그인 해주세요.
전체 110
QA 내용 검색
filter #css3 ×

회원로그인

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