목록으로

css 말줄임 질문 드립니다. 채택완료

웹프리죤 6년 전 조회 2,533

보편적으로 말줄임 css 사용하면 문장 뒤에 ... 이 붙는데요

문장 앞에 붙힐려는 효과를 줄려고 하는데요

구글링중에 어디선가 가상선택자 content:"..." 를 position:absolute 으로 원하는 위치에 붙히던데

정확하게 기억이 안나서 혹시 아시는 분 계실까요?

width 로 짜르고 overflow:hidden; 만 주더라구요. 그리고 가상선택자 content 로 표현하던데요

#css

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

정렬:

채택된 답변

+20 포인트

sinbi Expert

6년 전

앞에 추가하려면 아래 선택자 참고해 보세요.

로그인 후 평가할 수 있습니다

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

잠실삼촌

6년 전

css 만으로면 한다면 약간의 편법이 필요는 하네요

1. 기본 div 호출 이 있습니다.

2. 그 위에 div를 얹힙니다. > li 로 두개를 나눕니다 > 한쪽은 ... 을 넣고 바탕을 채웁니다.

ㅇㅋ?

이해 안되면 카톡: websil

로그인 후 평가할 수 있습니다

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

hdd113

6년 전

::before pseudo-element로 작업하시면 될 것 같습니다. display는 inline이나 inline-block을 쓰셔도 되고 block 에 float:left를 쓰실 수도 있을 것 같고요.

로그인 후 평가할 수 있습니다

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

비버팩토리

6년 전

가상선택자로요? css word-break 이거 아닌가여?

로그인 후 평가할 수 있습니다

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

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