Web前端开发基础创新实践教程课件：制作图片瀑布流.pptxVIP

Createapictureofwaterfallflow制作图片瀑布流前端开发技术基础FundamentalsofWebFrontendTechnology

web前端技术基础1认识多列布局CSS3多列布局属性主要以column为前缀，包含column-count定义列数，column-width定义列宽，column-gap用于设置列之间的间隔距离。属性描述column-count设置内容分成的列数column-width定义每列的宽度column-gap设置列之间的间隔距离column-rule设置列规则的宽度、样式和颜色column-rule-width设置列规则的宽度column-rule-style设置列规则的样式column-rule-color设置列规则的颜色column-span定义元素横跨多少列column-fill定义列的高度填充方式column-break-before定义内容在多列布局中元素之前的断行行为column-break-after定义内容在多列布局中元素之后的断行行为column-break-inside定义内容在多列布局中元素内部的断行行为column-rule列规则的缩写属性，包括宽度、样式和颜色

web前端技术基础示例style.newspaper{column-count:3;column-gap:40px