Notice
Recent Posts
Recent Comments
Tags
- 하드 윈도우 복사
- 바코드 생성하기
- 타임피커
- javascript 바코드스캔
- 파일업로드 유효성체크
- asp.net core Select
- XSS방어
- javascript 유효성체크
- php 캐쉬제거
- TempData
- ViewBag
- jquery 바코드
- javascript 바코드 생성
- 바코드 스캔하기
- 말줄임표시
- Mac Oracle
- django 엑셀불러오기
- 강제이동
- 파일업로드 체크
- SSD 복사
- jquery 바코드생성
- javascript redirection
- 맥 오라클설치
- 404에러페이지
- asp.net dropdownlist
- asp.net Select
- XSS PHP
- 하드 마이그레이션
- ASP.Net Core 404
- ViewData
웹개발자의 기지개
[CSS] 긴줄을 말줄임 표시하기 본문
위의 내용 항목을 2줄만으로 말줄임 표시해보자.
1
|
<div style="white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;">내용</div>
|
cs |
3줄로 바꾸고 싶으면
-webkit-line-clamp:3; 으로 변경하면 된다.
'웹퍼블리싱 > CSS' 카테고리의 다른 글
[CSS] Youtube 태그 반응형 모바일 너비에 맞게 넣기 (0) | 2023.01.26 |
---|---|
[CSS] 말풍선 , 툴팁 기능 구현 ToolTip (0) | 2023.01.21 |
[CSS] 네이버 스마트 에디터 이미지 추가시 반응형 이미지 형태로 수정하기 (max-width 값 먹이기) (0) | 2021.11.05 |
[CSS] 유투브를 해당 코드상에서 꽉찬화면으로 보여주기 (반응형) (0) | 2021.09.11 |
[CSS] 자동 말줄임 기능 적용하기 - 문장 말줄임 (0) | 2021.08.25 |
Comments