CSS flere kolonner
- Forrige side CSS sideomdeling
- Næste side CSS brugergrænseflade
CSS Multicol Layout
CSS Multicol Layout giver os let at definere multicolumn tekst - ligesom en avis:
Tre Riges fortælling
Første kapitel
Fest i桃园 med helte og tre alliance
Skær hovedet af de gule kegler og opnå den første sejr
Så er det med verdens største tendenser, at de som deler, vil samles, og de som samles, vil deles: Ved slutningen af den Zhou-dynasti, delte de syv kongedømmer sig, og blev en del af Qin; og efter at Qin blev ødelagt, delte Chu og Han sig, og blev igen en del af Han; Han-dynastiet fra Gaozu, der skar hvidt slanger og gjorde oprør, forenede hele verden, og senere blev der oprettet en ny periode af blomstring under Guangwu, der passede videre til Xian Di, og derefter blev det delt i tre riger. Årsagen til kaoset kan spores tilbage til kejseren Huandi og kejseren Xian. Huandi begrænsede de gode klasser, og troede på kejserens embedsmænd. Når Huandi døde, blev Xian kejser, og generalen Dou Wu og prefekten Chen Fan, hjalp ham sammen; der var kejserens embedsmænd som Cao Jie, der begyndte at tage magten, Dou Wu og Chen Fan planlagde at dræbe dem, men fordi planen ikke var velbevaret, blev de selv dræbt, og de kongelige tjeneres magt blev endnu mere uovervindelig. I den anden måned af den første år i Jianning, sad kejseren i Wende Hall. Mens han netop sad ned, brød en voldsom storm pludselig ud fra tårnet, og en stor grøn slange fløj ned fra taget og rullede sig om en stol. Kejseren faldt om, og hans tjenere reddede ham ind i paladset, og alle embedsmændene flygtede. Straks forsvandt slangen. Pludselig brød der en stor storm med hagl ned, og det stoppede først om natten, og mange huse blev ødelagt. I den fjerde måned af den fjerde år i Jianning, skete der en jordskælv i Luoyang; og havet brød ud, og kystboerne blev alle suget ind i havet af de store bølger. I det første år i Guanghe, blev en hunkygge til en hankygge. På den første dag i juni, kom en sort sky, der var over ti meter høj, ind i Wende Hall. I juli, blev der set en regnbue over Yutang, og kysten ved Wuyuan Shan brød sammen. Der var mange onde tegn, ikke kun én ting. Kejseren udstedte en dekret til at spørge embedsmændene om årsagen til de katastrofer, og kandidaten Cai Yong indgav en indskrivning, der mente, at det var kvinders indblanding i politik, der var årsagen til det, og hans ord var meget direkte. Kejseren så brevet og sukkede, og gik derefter for at skifte tøj. Cao Jie sad bag ham og kiggede, og fortalte alle om det; derefter blev Cai Yong anklaget for noget andet og blev sendt tilbage til landet. Senere blev der dannet en gruppe af ti mænd, der begik ondt, kendt som 'de ti almindelige tjenere'. Kejseren gav stor respekt til Cao Jie og kaldte ham 'far'. Statsstyret blev værre og værre, og hele landet begyndte at blive urofuldt, og der var mange tyve og røvere.
...... ......
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 | Definer hvor mange kolonner et element skal krydse. |
Column-width | Angiv det anbefalede bedste bredde for kolonner. |
Columns | Kort skrivemåde til at indstille column-width og column-count. |
- Forrige side CSS sideomdeling
- Næste side CSS brugergrænseflade