여러줄 말줄임 처리시 아래와 비슷한 스타일 많이 사용함
.두줄이상말줄임 {
max-height:70px;
overflow:hidden;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
위 코드의 overflow:hidden 으로 인해서 글자 Qpyjg 잘림 현상이 나타났음.
padding-bottom 값 추가
{
padding-bottom: 0.14em
}
padding-bottom 추가 했는데도 마지막 줄 글자가 짤린다면 max-height 조절이 추가로 되어야 함.
320x100
'웹 관련 기록 > HTML,CSS' 카테고리의 다른 글
IE11 Flex 버그? (0) | 2021.08.20 |
---|---|
IOS 사파리 min-height: 100vh 스크롤 버그 (0) | 2021.08.12 |
css3 placeholder 가상선택자, placeholder 글자색 바꾸기 (0) | 2020.12.13 |
모바일 <video> 자동 재생 (0) | 2017.08.22 |
<meta> 태그 viewport의 content 값 (0) | 2017.08.22 |
댓글