8.14. CSS3 multi-column

8.14.4. The gap between columns in CSS3 multiple columns ¶

column-gap property specifies the gap between columns.

The following example specifies that the gap between columns is 40 pixels:

Example

div{ -webkit-column-gap:40px; /\* Chrome, Safari, Opera \*/ -moz-column-gap:40px; /\* Firefox \*/ column-gap:40px; } 

8.14.5. CSS3 column border ¶

column-rule-style property specifies the border style between columns:

Example

div{ -webkit-column-rule-style:solid; /\* Chrome, Safari, Opera \*/ -moz-column-rule-style:solid; /\* Firefox \*/ column-rule-style:solid; } 

column-rule-width property specifies the border thickness of two columns:

Example

div{ -webkit-column-rule-width:1px; /\* Chrome, Safari, Opera \*/ -moz-column-rule-width:1px; /\* Firefox \*/ column-rule-width:1px; } 

column-rule-color property specifies the border color of two columns:

Example

div{ -webkit-column-rule-color:lightblue; /\* Chrome, Safari, Opera \*/ -moz-column-rule-color:lightblue; /\* Firefox \*/ column-rule-color:lightblue; } 

The column-rule property is column-rule-\* abbreviations for all attributes.

The following example sets the thickness, style, and color of the direct border of the column:

Example

div{ -webkit-column-rule:1px solid lightblue; /\* Chrome, Safari, Opera \*/ -moz-column-rule:1px solid lightblue; /\* Firefox \*/ column-rule:1px solid lightblue; } 

8.14.6. Specify how many columns the element spans ¶

The following example specifies

element spans all columns:

Example

h2{ -webkit-column-span:all; /\* Chrome, Safari, Opera \*/ column-span:all; } 

8.14.7. Specify the width of the column ¶

column-width property specifies the width of the column.

Example ¶

div{ -webkit-column-width:100px; /\* Chrome, Safari, Opera \*/ column-width:100px; } 

8.14.8. CSS3 multi-column properties ¶

The following table lists the multi-column properties of all CSS3:

Attribute	Description
Column-count	Specifies the number of columns that the element should be split into.
Column-fill	Specify how to populate the column
Column-gap	Specify the gap between columns
Column-rule	Abbreviations for all column-rule-* attributes
Column-rule-color	Specify the color of the border between the two columns
Column-rule-style	Specify the style of the border between the two columns
Column-rule-width	Specify the thickness of the border between the two columns
Column-span	Specify how many columns the element should span
Column-width	Specify the width of the column
Columns	Abbreviated properties of column-width and column-count.

文章链接 ： 8.14. CSS3 multi-column

Web框架  946

• 1. Angularjs2 8
• 1. SVG tutorial 19
• 1. Memcached 20
• 1. C# tutorial 61
• 1. Sqlite 47
• 2. Go 43
• 2. Docker 59
• 2. Vue3 19
• 2. Servlet 21
• 3. React 23
• 3. SOAP tutorial 10
• 3. Android 18
• 3. Mongodb 44
• 3. Kotlin 18
• 4. Lua 31
• 4. MySQL tutorial 35
• 4. Appml 12
• 5. Perl 45
• 5. Postgresql 41
• web 15
• 5. Web Services tutorial 6
• 6. Ruby 42
• 6. Design-pattern 35
• 7. Django 18
• 7. Rust 22
• 6. WSDL tutorial 8
• 8. Foundation 39
• 9. Ios 43
• 8. Css3 26
• 8.20. CSS3 Elastic Box (Flex Box)
• 8.9. CSS3 font
• 8.13. CSS3 animation
• 8.6. CSS3 background
• 8.26. CSS grid element
• 8.25. CSS Grid Container
• 8.15. CSS3 user interface
• 8.17. CSS button
• 8.1. CSS3 tutorial
• 8.7. CSS3 gradient
• 9. Swift 44
• 11. HTML tutorial-(HTML5 Standard) 54
• 12. Http 6
• 13. Regex 6
• 14. Regexp 8

《地理信息系统原理、技术与方法》  97

最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。

• 1. Introduction to geographic information system 6
• 2. From the Real World to the Bit World 3
• 3. Spatial Data Model 7
• 4. 空间参照系统和 地图投影 5
• 5. Data in GIS 3
• 6. Spatial data acquisition 2
• 7. Spatial Data Management 6
• 8. Spatial analysis 8
• 9. 数字地形模型（ DTM ）与地形分析 5
• 10. 空间建模与 空间决策支持 6
• 11. Spatial data representation and map making 6
• 12. 3S Integration Technology 5
• 13. 网络地理信息系统 3
• 14. Examples of Geographic Information System Application 8
• 15. Organization and Management of Geographic Information System Application Projects 9
• 16. Geographic Information system Software Engineering Technology 6
• 17. Geographic Information System Standards 3
• 18. Geographic Information System and Society 3
• 19. Earth Information Science and Digital Earth 3

WEB基础  289

• 2. ADO tutorial 23
• 4. W3C tutorial 16
• 5. Data-structures 31
• 8. Scala 41
• 7. Bootstrap5 37
• 10. Markdown 10
• 9. Echarts 12
• 11. Maven 20
• 10. Font-awesome 17
• 12. RDF tutorial 11
• 13. Sass 15
• 15. XML Schema tutorial 56