CSS Çok Sütun
- Önceki Sayfa CSS Sayfalama
- Sonraki Sayfa CSS Kullanıcı Arayüzü
CSS çoklu sütun düzeni
CSS çoklu sütun düzeni, bizim için kolayca çoklu metin tanımlamamıza izin verir - gazeteler gibi:
Üç Krallık Efsanesi
İlk Cilt
Yuan Yuan'da kahramanların üç kez dostluk etmesi
Dünyanın büyük olayları, uzun süre ayrı kalmak zorunda kalır, uzun süre birlikte kalır, birlikte kalır, ayrılır: Zhou son yıllarında yedi ülke ayrışır, Qin'e katılır; Qin'in yok edilmesinden sonra, Chu ve Han ayrışır, tekrar Han'a katılır; Han Hanlığı, Gaozu'nun siyaha yılanı kese ve ayaklanır, tüm dünyayı birleştirir, daha sonra Guangwu'nun yeniden doğuşu, Xian Di'ye kadar ulaştırır, sonunda Üç Krallık olarak bölünür. Karışıklığın nedenini araştırırken, Huan, Ling iki imparatorun başlangıcından itibaren başlar. Huan İmparator, iyi insanları bağlamak, eunuchlara inanmak. Huan İmparator'un ölmesinden sonra, Ling İmparator tahta çıktı, General Dou Wu, Tae Fu Chen Fan, birlikte yardımcı oldular; o zaman eunuch曹节 gibi güç sahipleri vardı, Dou Wu, Chen Fan onları öldürmeyi planladılar, gizli işler açık olmadı, aksine, onların tarafından öldürüldüler, Zhong Juan bu şekilde daha da huzurlu hale geldi. Jian Ning ikinci yılında Nisan ayı dolunay günü, İmparator Wende Sarayı'na geldi. Kalkarken, sarayın köşesinden şiddetli bir rüzgar fırtınası başladı, bir büyük mavi yılan, kemerden aşağı inen bir yılan, sandalyeye sarıldı. İmparator şaşkınlıkla yere yığıldı, sağ sol acil olarak kurtarıldı, tüm memurlar kaçtı. Bir süre sonra, yılan ortadan kayboldu. Aniden büyük bir gök gürültüsü ve yağmur, hatta buz parçaları, gece yarısına kadar durdu, binlerce evi mahvetti. Jian Ning dördüncü yılında Şubat ayı, Luoyang depremi oldu; deniz suyu taşar, kıyı halkı, tümüyle büyük dalgalarla denize sürüldü. Guanghe birinci yılında, dişi tavuk erkek olmuştu. Haziran ayı başında, on iki metrelik kara bulutlar, Wende Sarayı'na uçtu. Yaz Temmuz ayında, bir yıldız arkeoloji, Yutang Sarayı'nda, Wuyuan Da Shan kıyıları, hepsi çökmüş oldu. Çok sayıda olumsuz olay, yalnızca bir noktada durmuyor. İmparator, halkın afetlerin nedenlerini sordu, Yiwang Cai Yong, şikayetlerini sundu, dişi kuşun çöktüğü, dişi kraliçenin politikasının nedeni olduğunu düşündü, konuşmalar oldukça keskin ve doğrudan. İmparator, raporu okurken nefes kesildi, giyinme için kalktı. Eunuch曹节 arkada fısıldadı, herkesin önünde açıkladı; sonunda Cai Yong'u suçladı, köylerine geri gönderdi. Sonra Zhang Rang, Zhao Zhong, Feng Mu, Duan Gui, Cao Jie, Hou Luan, Jie Shuo, Cheng Kuang, Xia Yun, Guo Sheng on kişilikler, arkadaşlık yaparak kötü niyetli,
...... ......
CSS 多列属性
在本章中,您将学到以下多列属性:
column-count
column-gap
column-rule-style
column-rule-width
column-rule-color
column-rule
column-span
column-width
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
属性 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
column-count | 50.0 | 10.0 | 52.0 | 9.0 | 37.0 |
column-gap | 50.0 | 10.0 | 52.0 | 9.0 | 37.0 |
column-rule | 50.0 | 10.0 | 52.0 | 9.0 | 37.0 |
column-rule-color | 50.0 | 10.0 | 52.0 | 9.0 | 37.0 |
column-rule-style | 50.0 | 10.0 | 52.0 | 9.0 | 37.0 |
column-rule-width | 50.0 | 10.0 | 52.0 | 9.0 | 37.0 |
column-span | 50.0 | 10.0 | 71.0 | 9.0 | 37.0 |
column-width | 50.0 | 10.0 | 52.0 | 9.0 | 37.0 |
CSS 列规则
column-rule-style
属性规定列之间的规则样式:
实例
div { column-rule-style: solid; }
column-rule-width
属性规定列之间的规则宽度:
实例
div { column-rule-width: 1px; }
column-rule-color
属性规定列之间的规则的颜色:
实例
div { column-rule-color: lightblue; }
column-rule 属性是用于设置上面所有 column-rule-* 属性的简写属性。
下例设置了列之间的规则的宽度、样式和颜色:
实例
div { column-rule: 1px solid lightblue; }
CSS 多列属性
下表列出了所有的多列属性:
属性 | 描述 |
---|---|
column-count | 元素应划分的列数规定。 |
column-fill | 如何填充列规定。 |
column-gap | 列之间的间隙指定。 |
column-rule | 用于设置所有 column-rule-* 属性的简写属性。 |
column-rule-color | 列之间规则的颜色规定。 |
column-rule-style | 列之间的规则样式规定。 |
column-rule-width | 列之间的规则宽度规定。 |
column-span | Bir elementin kaç sütun geçmesi gerektiğini belirlemek için. |
column-width | Sütunlara önerilen en iyi genişliği belirlemek için. |
columns | column-width ve column-count için kısa yazım özellikleri kullanmak için. |
- Önceki Sayfa CSS Sayfalama
- Sonraki Sayfa CSS Kullanıcı Arayüzü