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

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

QA

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

답변 1

본문

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

아래는 그 예)입니다

 

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

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

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

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

 

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

이 질문에 댓글 쓰기 :

답변 1

new 를 span 으로 묶어서 제목 옆에 따로 붙여 주시거나 제목을 cut_str 로 잘라 주시는 방법이 있을것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 4
© SIRSOFT
현재 페이지 제일 처음으로