Wulin.com의 기사 소개 (www.vevb.com) : 나는 Chinaz의 그림 폭포의 레이아웃이 매우 좋다고 생각했습니다. 이전에는 다른 방법으로 구현 된 몇 가지 방법을 보았으며 대부분은 JS를 사용하여 구현되었습니다. 나는 오늘 그것을 시도했고 단순히 CSS3과 비슷한 레이아웃 효과를 얻었습니다. 나는 그것이 모두에게 유용하기를 바랍니다! 중국인의 영향
나는 무자비한 그림 폭포의 레이아웃이 매우 좋다고 생각했습니다. 이전에는 다른 방법으로 구현 된 몇 가지 방법을 보았으며 대부분은 JS를 사용하여 구현되었습니다. 오늘 나는 그것을 시도하고 단순히 CSS3와 유사한 레이아웃 효과를 구현했습니다. 나는 그것이 모두에게 유용하기를 바랍니다! 중국의 영향 :
내 코드 :
CSS3 폭포 LAYOUT.CONTAINER {-webkit-column-width-moz-colum-ol-column-width-width-width-webkit-column-moz-moz-column-gap-o-column-gapdiv : not (.Container) {- Webkit-Border-Radius-Moz-Border-Radiusborder-RadiusbackbordordisplaywidthpositionMargin.title {Line-HeightText-Alignfont-FamilyPure CSS3 폭포 레이아웃
실행 효과 (Firefox, Google Chrome에서 테스트를 통과했지만 다른 브라우저는 ~~ 테스트하지 않았습니다) :