름름
1. padding - 부모박스의 높이가 제한적이지 않을경우. #box {width:500px; border:3px solid #ccc;}.al {padding:30px; text-align: center;} vertical-align: middle 2. line-height - 부모요소의 높이가 제한되어 있고, 한줄일경우 #box {width:500px; height:60px;line-height: 60px;border:3px solid #ccc; text-align: center; } vertical-align: middle - 부모요소의 높이가 제한되어 있고, 여러줄일 경우 #box {width:500px; height:60px;line-height: 60px; border:3px solid #cc..
html css img {vertical-align: top;} /*4px gab을 위한 처리*/ .innerborder {float: left; overflow: hidden;}.innerborder:hover img {margin:-5px;}.innerborder:hover {border:5px solid blue;} 1. img요소만큼 공간값을 가지기위해 float 지정.2. img에 margin을 -5px을 줌으로써 img를 감싼 a요소의 크기가 상하좌우 -5px씩 줄어듬3. a요소에 overflow:hidden을 주어 img 넘치는 부분을 가림.4. 줄어든 5px만큼 border값을 지정 내부요소에 마진값을 주면 감싼 요소는 그 마진값을 포함하여 넓이를 갖게된다.당근 음수마진값을 주면 외부요소는..