overflow 검색 결과

해당 글 4건

글자 자르기(...으로 흘러넘치게 보이기)

...으로 흘러넘치게 보이기 CSS.target { /* 한 줄 자르기 */ display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 출처: http://webdir.tistory.com/483 [WEBDIR]
WEB/CSS 2017. 6. 7. 16:39

[IE] clearfix 핵

clearfix 핵다음은 float를 사용할 때 때때로 일어날 수 있는 이상하고 바람직하지 않은 경우입니다.img { float: right; }이런... 이 이미지는 그것을 담고 있는 엘리먼트보다 높이가 높고 떠 있어서 컨테이너 바깥으로 넘쳤습니다!이 문제를 해결하는 방법이 하나 있긴 하지만 조금 지저분합니다. 이를 clearfix 핵이라고 합니다.다음과 같은 CSS 코드를 새로 추가해 봅시다..clearfix { overflow: auto; }이제 어떻게 되는지 확인해 봅시다.훨씬 낫네요!이 기법은 근래에 나온 브라우저에만 동작합니다. IE6를 지원하고 싶다면 다음과 같은 코드를 추가해야 합니다..clearfix { overflow: auto; zoom: 1; }이 기법을 쓸 때 좀 더 주의를 기울여..
WEB/Hack*Bug 2016. 12. 6. 17:15