Notice
Recent Posts
Recent Comments
Tags
- XSS PHP
- javascript 바코드스캔
- php 캐쉬제거
- jquery 바코드
- 404에러페이지
- 하드 윈도우 복사
- ViewBag
- 파일업로드 유효성체크
- 하드 마이그레이션
- 강제이동
- ViewData
- javascript redirection
- SSD 복사
- jquery 바코드생성
- asp.net dropdownlist
- TempData
- ASP.Net Core 404
- django 엑셀불러오기
- 파일업로드 체크
- XSS방어
- 말줄임표시
- asp.net core Select
- 타임피커
- 바코드 생성하기
- javascript 유효성체크
- javascript 바코드 생성
- 바코드 스캔하기
- 맥 오라클설치
- asp.net Select
- Mac Oracle
웹개발자의 기지개
[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 |
'웹퍼블리싱/CSS' Related Articles
more
Comments