CSS monikkolaiset
- Edellinen sivu CSS sivutus
- Seuraava sivu CSS käyttöliittymä
CSS monikolmion asettelu
CSS monikolmion asettelu mahdollistaa helpon määrittämisen monikolmion tekstiä - aivan kuin sanomalehdet:
Three Kingdoms Romance
Ensimmäinen kerta
Juhla Päivämäärä jättien kolme ystävyyssopimusta
Kääri punainen lippu sankarien ensimmäinen voitto
Kun maailman laajuiset tapahtumat ovat jakautuneet, ne eivät voi olla yhtenäisiä kauan, eivätkä yhtenäiset voi olla erillisiä kauan: kun Zhou-dynastian lopulla oli seitsemän valtiota, ne yhdistyivät Qin-dynastian alaisuuteen; kun Qin-dynastia tuhoutui, Chu ja Han taistelivat keskenään, ja ne yhdistyivät jälleen Han-dynastian alaisuuteen. Han-dynastia yhdisti maailman kun keisari Gaozu surmasi pyykin, ja se hallitsi koko maailmaa. Myöhemmin keisari Guangwu uudisti valtakunnan, ja se jatkui keisari Xian dinä, ja se jaettiin kolmeen valtioon. Tarkista sen aiheuttamaa häiriötä, se alkoi Huan- ja Ling-keisareiden aikakaudella. Huan-keisari kielsi hyvät ihmiset, ja hän uskoi eunukkeja. Kun Huan-keisari kuoli, Ling-keisari nousi valtaistuimelle, kenraali Dou Wu ja taistelija Chen Fan auttoivat yhdessä; tuolloin eunukit, kuten Cao Jie, käyttivät valtaa, Dou Wu ja Chen Fan suunnittelivat heidän tappamistaan, mutta salaisuus ei ollut salaisuus, ja heidät tappoivat, ja keskikuningas alkoi olla yhä rohkeampi. Jian'an kaksi vuotta huhtikuun täysikuu, keisari istui Wende-rakennuksessa. Kun hän nousi istuimeen, tuuli puhalsi yllättäen rakennuksen kulmasta, ja näkyi yksi suuri sininen käärme, joka lensi vinostaan alas, ja se pyrki tuolille. Keisari kaatui, ja hänen henkilökuntansa kiireesti auttoivat häntä takaisin palatsiin, ja kaikki viranomaiset juoksevat paetakseen. Muutaman hetken kuluttua käärme katosi. Yhtäkkiä suuri myrsky ja sade, sekä jäinen ukkosmyrsky, jatkui aina puolilta öistä. Monia taloja tuhoutui. Jian'an neljä vuotta helmikuun alussa, Luoyang kohtasi maanjäristyksen; myös meri yltyi, ja rannikkoasukkaiden kaikki tuuli suuri aalto mereen. Guanghao yhden vuoden, naaras kana muuttui koiraaksi. Kesäkuun ensimmäinen päivä, musta ilmakehä yli kaksikymmentä metriä, lensi Wende-rakennukseen. Syyskuun viidennessä kuussa, taivaallinen silta näkyi Jingu-talossa, Wuyuan-vuorten rannat kaatuivat. Monia epäonnekkaita tapahtumia, ei vain yksi. Keisari antoi käskyn kysyä viranomaisilta katastrofin syystä, ja neuvonantaja Cai Yong esitti kirjeen, joka väitti, että myrsky ja kana muuttuivat, se johtui vaimon vaikutuksesta, ja hän puhui suoraan. Keisari katsoi kirjeen ja naurahti, ja hän nousi uudelleen. Cao Jie katsoi häntä takaa ja puhui hänen kanssaan; sitten hän syytti Cai Yongia rikoksesta ja palautti hänet maaseudulle. Myöhemmin Zhang Rang, Zhao Zhong, Feng Yu, Duan Gui, Cao Jie, Hou Luan, Jie Shuo, Cheng Kuang, Xia Yun, Guo Sheng kymmenen henkilöä ystävystyivät petoksissa, ja heitä kutsuttiin nimellä "kymmenen vakio-palvelija". Keisari kunnioitti Zhang Rangia ja kutsui häntä "isäksi". Kuningaskunnan hallinto paheni päivä päivältä, ja koko maailman mieli oli levoton, ja rosvot nousivat ylös.
...... ......
CSS monisarakkeiset ominaisuudet
...... ......
column-count
column-gap
column-rule-style
column-rule-width
column-rule-color
column-rule
column-span
column-width
Tässä luvussa opit seuraavat monisarakkeiset ominaisuudet:
Selaintuki
Ominaisuus | Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täyttä ominaisuutta. | Chrome | IE | Firefox | Safari |
---|---|---|---|---|---|
column-count | 71.0 | 50.0 | 10.0 | 52.0 | 9.0 |
column-gap | 71.0 | 50.0 | 10.0 | 52.0 | 9.0 |
column-rule | 71.0 | 50.0 | 10.0 | 52.0 | 9.0 |
column-rule-color | 71.0 | 50.0 | 10.0 | 52.0 | 9.0 |
column-rule-style | 71.0 | 50.0 | 10.0 | 52.0 | 9.0 |
column-rule-width | 71.0 | 50.0 | 10.0 | 52.0 | 9.0 |
column-span | 71.0 | 50.0 | Opera | 52.0 | 9.0 |
column-width | 71.0 | 50.0 | 10.0 | 52.0 | 9.0 |
37.0
column-count
CSS luo monisarakkeisia
Ominaisuus määrittää, kuinka monta saraketta elementtiä tulisi jakaa.
Esimerkki
div { Seuraavassa esimerkissä jaetaan <div>-elementin teksti 3 sarakkeeseen: }
column-count: 3;
column-gap
CSS määrittää sarakkeiden välinen väli
Ominaisuus määrittää sarakkeiden välinen etäisyys.
Esimerkki
div { Seuraavassa esimerkissä määritetään, että sarakkeiden välinen etäisyys tulisi olla 40 pikseliä: }
column-gap: 40px;
column-rule-style
CSS sarakkeiden sääntely
Esimerkki
div { Ominaisuus määrittää sarakkeiden välisten sääntelyjen tyylin: }
column-rule-width
column-rule-style: solid;
Esimerkki
div { Ominaisuus määrittää sarakkeiden välisten sääntelyjen leveys: }
column-rule-color
column-rule-width: 1px;
Esimerkki
div { Ominaisuus määrittää sarakkeiden välisten sääntelyjen värin: }
column-rule ominaisuus on lyhennetty ominaisuus, jota käytetään yllä olevien column-rule-* ominaisuuksien asettamiseen.
Seuraavassa esimerkissä asetetaan sarakkeiden välisten sääntelyjen leveys, tyyli ja väri:
Esimerkki
div { column-rule: 1px solid lightblue; }
Määritä, kuinka monta saraketta elementti tulisi kattaa
column-span
Ominaisuus määrittää elementin, joka tulisi kattaa kuinka monta saraketta.
Seuraavassa esimerkissä määritetään, että <h2>-elementti tulisi kattaa kaikki sarakkeet:
Esimerkki
h2 { column-span: all; }
Määritä sarakkeen leveys
column-width
Ominaisuus määrittää sarakkeille suositellun parhaan leveyden.
Seuraavassa esimerkissä määritetään, että sarakkeiden suositeltava leveys tulisi olla 100px:
Esimerkki
div { column-width: 100px; }
CSS monisarakkeiset ominaisuudet
Seuraavassa taulukossa luetellaan kaikki monisarakkeiset ominaisuudet:
Ominaisuus | Kuvaus |
---|---|
column-count | Määritä, kuinka monta saraketta elementtiä tulisi jakaa. |
column-fill | Määritä, miten sarakkeita täytetään. |
column-gap | Määritä sarakkeiden välinen väli. |
column-rule | Käytetään kaikkien column-rule-*-ominaisuuksien asettamiseen lyhennetty ominaisuus. |
column-rule-color | Määritä sarakkeiden välinen sääntelyvärin. |
column-rule-style | Määritä sarakkeiden välinen sääntelytyyli. |
column-rule-width | Määritä sarakkeiden välinen sääntelyleveys. |
column-span | Määritä elementin tulisi kattaa kuinka monta riviä. |
column-width | Määritä列的最佳宽度。 |
columns | Yhteenveto column-width ja column-count asettamiseen. |
- Edellinen sivu CSS sivutus
- Seuraava sivu CSS käyttöliittymä