inline-block 값
오랜 시간이 브라우저 폭을 채우고 사용하여, (브라우저 크기를 조정할 때) 잘 랩 상자의 격자 생성하는 것이 가능했다 float 속성을.
그러나, inline-block 의 값 display 속성은이보다 쉽게 만든다.
inline-block 요소는 인라인 요소처럼 있지만, 폭과 높이를 가질 수있다.
예
옛날 방식 - 사용 float (우리는 또한 지정해야 알 clear 부동 상자 후 요소에 대한 속성) :
예
.floating-box {
float: left;
width: 150px;
height: 75px;
margin: 10px;
border: 3px solid #73AD21;
}
.after-box {
clear: left;
} »그것을 자신을 시도 같은 효과는 사용에 의해 달성 될 수있다 inline-block 의 값 display (더 알 수 속성을 clear 속성이 필요하지 않습니다)
예
.floating-box {
display: inline-block;
width: 150px;
height: 75px;
margin: 10px;
border: 3px solid #73AD21;
} »그것을 자신을 시도