채택완료

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

2016-12-13 (화) 12:44:13 3,526

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

아래는 그 예)입니다

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

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

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

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

 

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

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2016-12-13 (화) 14:03:54
new 를 span 으로 묶어서 제목 옆에 따로 붙여 주시거나 제목을 cut_str 로 잘라 주시는 방법이 있을것 같습니다.

답변에 대한 댓글 1개

네 감사합니다~

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