보편적으로 말줄임 css 사용하면 문장 뒤에 ... 이 붙는데요
문장 앞에 붙힐려는 효과를 줄려고 하는데요
구글링중에 어디선가 가상선택자 content:"..." 를 position:absolute 으로 원하는 위치에 붙히던데
정확하게 기억이 안나서 혹시 아시는 분 계실까요?
width 로 짜르고 overflow:hidden; 만 주더라구요. 그리고 가상선택자 content 로 표현하던데요
|
답변 4개
채택된 답변
+20 포인트
sinbi
6년 전
css 만으로면 한다면 약간의 편법이 필요는 하네요
1. 기본 div 호출 이 있습니다.
2. 그 위에 div를 얹힙니다. > li 로 두개를 나눕니다 > 한쪽은 ... 을 넣고 바탕을 채웁니다.
ㅇㅋ?
이해 안되면 카톡: websil
hdd113
6년 전
::before pseudo-element로 작업하시면 될 것 같습니다. display는 inline이나 inline-block을 쓰셔도 되고 block 에 float:left를 쓰실 수도 있을 것 같고요.
비버팩토리가상선택자로요? css word-break 이거 아닌가여?
답변을 작성하려면 로그인이 필요합니다.