글자 자르기(...으로 흘러넘치게 보이기) ...으로 흘러넘치게 보이기 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 8년 전
기초-레이아웃 기본셋팅값 wrapper에게 주는 기본셋팅값123456789html,body{ width:100%; height:100%}header,section,footer{ overflow:hidden; position:relative; z-index:20;}csoverflow:hidden - 브라우저 해상도에서 넘어가는 지역을 안보이게 처리poistion:relative - 영역을 잡기 위한 기준점 PS. position / float / display 3개의 속성을 정확하게 이해하면 레이아웃 잡을 수 있다. WEB/HTML 8년 전
[IE] clearfix 핵 clearfix 핵다음은 float를 사용할 때 때때로 일어날 수 있는 이상하고 바람직하지 않은 경우입니다.img { float: right; }이런... 이 이미지는 그것을 담고 있는 엘리먼트보다 높이가 높고 떠 있어서 컨테이너 바깥으로 넘쳤습니다!이 문제를 해결하는 방법이 하나 있긴 하지만 조금 지저분합니다. 이를 clearfix 핵이라고 합니다.다음과 같은 CSS 코드를 새로 추가해 봅시다..clearfix { overflow: auto; }이제 어떻게 되는지 확인해 봅시다.훨씬 낫네요!이 기법은 근래에 나온 브라우저에만 동작합니다. IE6를 지원하고 싶다면 다음과 같은 코드를 추가해야 합니다..clearfix { overflow: auto; zoom: 1; }이 기법을 쓸 때 좀 더 주의를 기울여.. WEB/Hack*Bug 8년 전
기초 - overflow 고정 넓이 또는 고정 높이보다 커졌을때 스크롤이 나타나게 하려면 overflow-x:auto;또는overflow-y:auto; 항상 스크롤이 보이게 하려면 overflow:scroll; WEB/CSS 8년 전