数码资讯
使用列多列属性调整页面的页面布局。
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
本文主要介绍了利用列多栏属性调整版面布局的方法。在本文中，对列计数和列宽度的两个常见属性进行了仔细调试，需要参考。
列多列属性
列列数：
兼容的方法：
CSS代码将内容复制到剪贴板。
WebKit的列数：3
-moz列数：3
列宽度属性指定列的宽度。
列间隙属性指定列之间的间隔。
列规则属性设置列之间的宽度、样式和颜色规则。
新兴的多栏布局（多栏）在CSS3是在传统的HTML页面块布局模式的一个强大的扩展。这种新的语法允许Web开发人员很容易使文本显示多栏显示。我们知道，当一个线太长，读者读起来会比较费劲，可能会从课文读错线串行的观点；它是移动到另一端，然后移动到下一行的开头，如果移动浮动眼球太大，他们的注意力会被削弱，不容易读下去。因此，为了最大限度地利用大屏幕显示的效率，网页设计需要限制文本的宽度，使文本出现在多个列，就像新闻典型esetting在报纸上。
但在CSS3的多栏布局的出现（列）的语法功能，如果人们想要的文本中多列显示，无论是绝对定位，手动文本分割或JS脚本的使用，和新语法的出现彻底改变了局势。
多列（列）的用法
列数和列宽度
不管要显示多少个列，只需要两个属性：列计数和列宽度。
列计数属性设置特定列的数量，例如：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
这将显示文本的内容分成两列（首先你的浏览器将支持这一新的语法，如Firefox、谷歌、IE10 +，等）：
列宽度属性控制列的宽度。如果不提供列计数属性值，则浏览器是独立的决定，将文本划分为适当的列数。
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
原来是这样的。
在多列文本块中，文本内容将由一列和一列自动填充。
多列布局列语法
大多数时候，Web程序员只需要使用其中的一个属：同时列数或column-width.or两。幸运的是，这两个属性的属性是不同的单元，不会混淆，所以有一个简写的方式、列，例如：
列的宽度：12em我们之前写的可以通过以下文字取代：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制和避免许多麻烦。
和前面的列计数：4可以用以下语法替换：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
同时，列宽度：8em和列数：12可以通过以下缩写代替：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
柱高度平衡
在CSS3的规范，每一列的高度平衡。浏览器自动调整每个列中的文本数，并均匀地划分文本，以保持每个列的高度平衡。
但是，有时，我们需要设置列的最大高度。在这个时候，文本内容将从第一列填充，然后第二列、第三列，也许以后的专栏将填补与不满，也许就会溢出来。因此，当高度或最大高度属性值设置为多排、列将延伸到指定的高度mdash；mdash，不管内容是多少，不够或超。
列间间隙宽度
两柱之间有间隙，间隙的宽度是1em默认的，但如果你使用柱隙特性，默认的宽度值被修改：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
列布局浏览器兼容
一些浏览器不支持多布局布局的特点，如IE9和IE8，他们会忽略所有这些属性，这样的布局将显示传统的单块布局。
为了确保在浏览器最大的兼容性，我们使用多列布局属性，最好添加浏览器引擎前缀，最基本的要加三：谷歌的WebKit浏览器，Firefox -moz，IE浏览器- MS，最后，别忘了没有前缀写。
总结
CSS3的多栏布局（列）是一个非常有用的功能，有助于通过Web开发者的宽屏液晶显示器的使用效率。你会发现，他们需要用在很多地方，尤其是在柱的高度是自动平衡。
列多列属性
列列数：
兼容的方法：
CSS代码将内容复制到剪贴板。
WebKit的列数：3
-moz列数：3
列宽度属性指定列的宽度。
列间隙属性指定列之间的间隔。
列规则属性设置列之间的宽度、样式和颜色规则。
新兴的多栏布局（多栏）在CSS3是在传统的HTML页面块布局模式的一个强大的扩展。这种新的语法允许Web开发人员很容易使文本显示多栏显示。我们知道，当一个线太长，读者读起来会比较费劲，可能会从课文读错线串行的观点；它是移动到另一端，然后移动到下一行的开头，如果移动浮动眼球太大，他们的注意力会被削弱，不容易读下去。因此，为了最大限度地利用大屏幕显示的效率，网页设计需要限制文本的宽度，使文本出现在多个列，就像新闻典型esetting在报纸上。
但在CSS3的多栏布局的出现（列）的语法功能，如果人们想要的文本中多列显示，无论是绝对定位，手动文本分割或JS脚本的使用，和新语法的出现彻底改变了局势。
多列（列）的用法
列数和列宽度
不管要显示多少个列，只需要两个属性：列计数和列宽度。
列计数属性设置特定列的数量，例如：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
这将显示文本的内容分成两列（首先你的浏览器将支持这一新的语法，如Firefox、谷歌、IE10 +，等）：
列宽度属性控制列的宽度。如果不提供列计数属性值，则浏览器是独立的决定，将文本划分为适当的列数。
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
原来是这样的。
在多列文本块中，文本内容将由一列和一列自动填充。
多列布局列语法
大多数时候，Web程序员只需要使用其中的一个属：同时列数或column-width.or两。幸运的是，这两个属性的属性是不同的单元，不会混淆，所以有一个简写的方式、列，例如：
列的宽度：12em我们之前写的可以通过以下文字取代：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制和避免许多麻烦。
和前面的列计数：4可以用以下语法替换：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
同时，列宽度：8em和列数：12可以通过以下缩写代替：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
柱高度平衡
在CSS3的规范，每一列的高度平衡。浏览器自动调整每个列中的文本数，并均匀地划分文本，以保持每个列的高度平衡。
但是，有时，我们需要设置列的最大高度。在这个时候，文本内容将从第一列填充，然后第二列、第三列，也许以后的专栏将填补与不满，也许就会溢出来。因此，当高度或最大高度属性值设置为多排、列将延伸到指定的高度mdash；mdash，不管内容是多少，不够或超。
列间间隙宽度
两柱之间有间隙，间隙的宽度是1em默认的，但如果你使用柱隙特性，默认的宽度值被修改：
总是有一个问题在CSS使我们麻烦，那就是，它是一个麻烦的创建布局。当然，有很多种方法，很多技术可以创建不同的布局，但我们总觉得CSS应该提供一些新的属性，使我们能够更好地管理布局。幸运的是，CSS3已创建列的布局提供了一些新的列属性。有了这些属性，我们就不必使用浮动、清除、余量等属性来控制，避免许多麻烦。
列布局浏览器兼容
一些浏览器不支持多布局布局的特点，如IE9和IE8，他们会忽略所有这些属性，这样的布局将显示传统的单块布局。
为了确保在浏览器最大的兼容性，我们使用多列布局属性，最好添加浏览器引擎前缀，最基本的要加三：谷歌的WebKit浏览器，Firefox -moz，IE浏览器- MS，最后，别忘了没有前缀写。
总结
CSS3的多栏布局（列）是一个非常有用的功能，有助于通过Web开发者的宽屏液晶显示器的使用效率。你会发现，他们需要用在很多地方，尤其是在柱的高度是自动平衡。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。