테스트 사이트 - 개발 중인 베타 버전입니다

css text-overflow ellipsis로 제목부분 자르고 옆에 new아이콘 이랑 덧글 갯수를 표시해주고싶습니다 채택완료

유대경 8년 전 조회 2,973

css text-overflow ellipsis로 제목부분 자르고 옆에 new아이콘 이랑 덧글 갯수를 표시해주고싶습니다 

아래는 그 예)입니다

 

제목 
--------------------------- 
공지사항 new 
이번 내용은 공지사항 입니다. new 
---------------------------------- 
이렇게 붙어있는데 

이 제목을  text-overflow ellipsis 로 ...을 만들었거든요 

그랬더니 
------------------------------- 
공지사항 new 
이번 내용은 공지사...    
------------------------------- 
이렇게 되어서 new 표시도 같이 사라졌어요 

이걸 position absolute로 하면 
----------------------------- 
공지사항                  new 
이번 내용은 공지사... new 
----------------------------  

 

제목 ...자른것 바로 옆에 new에 대해서 붙여 주고싶은데 어떻게 하면 될까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
8년 전
new 를 span 으로 묶어서 제목 옆에 따로 붙여 주시거나 제목을 cut_str 로 잘라 주시는 방법이 있을것 같습니다.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

유대경
8년 전
네 감사합니다~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인