CSS Flex-box
.icons{
/*flex-box , */
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -o-box;
display: box;
/*flex-box , */
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
/*row ,wrap */
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
-ms-flex-flow:row wrap;
-o-flex-flow:row wrap;
flex-flow:row wrap;
}
.icons .ico{
/*flex:1; flex */
-webkit-box-flex:1;
-moz-box-flex:1;
-ms-box-flex:1;
-o-box-flex:1;
box-flex:1;
/*flex:auto; */
-webkit-flex:1 0 auto;
-moz-flex:1 0 auto;
-ms-flex:1 0 auto;
-o-flex:1 0 auto;
flex:1 0 auto;
}
Flex-box는 내용이 매우 많아서 잠시 가장 간단한 부분만 열거합니다.
샘플 페이지:http://www.citygf.com/webapp/newcity/
자세한 내용은 다음을 참조하십시오.http://www.w3.org/TR/css3-flexbox/
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
IE를 지원하지 않아도 된다면 가장 쓸모 있는Column flex items set to align-items: center overflow their container Column flex items ignore margin: auto on the cross...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.