E pili ana: CSS-ʻia

A hiki i ke kūpono o ka 'aoʻao mea pinepine pono ia e ka e pili ana CSS-ala: no ka laʻana, e-oaio? I ka papa kuhikuhiE pa alima. Aia i mau pāʻoihana a hiki i keia pilikia, kela mea keia mea o ka mea e ma neia hope aku i ke hoʻohana i kekahi coder.

Align kikokikona e konu

Pinepine no ka Nani Loa hana oe makemake e hoonoho i ke kikokikona e pili ana, CSS ma keia hihia, e emi i ka manawa o ke kau. Mua i hana i kēia me ka hoʻohana 'HTML-aʻe, akā, e ka hae koi' ia e align i ke kikokikona me ke kaila pepa. Akä naÿe i ka hihia no ka a au makemake e hoʻololi i ka mea mawaho nenelu loa i loko o CSS hoʻopololei o kikokikona ma ka waena, ua i me ka hookahi laina.

• kikokikona-align: konu;

Keia waiwai ua ili, a hele mai ka makua i nā keiki. Ua loli aiʻAʻole wale i ke kikokikona akā, i i nā kumu mua. No keia mea, ka mea e e lowercase (e like, kīkoʻo kona) a me ka lalani-hihia (kekahi ālai 'ia ke koho' ia ka waiwai: aeie). Ka hope koho kekahi e leie aku oe e hoʻololi i ka laula a me ke kiekie o ka hehee ai, oi'ōlewa hoʻonohonohoʻia o ka indentation.

nā palapala pinepine align kaila ia ia iho i ka Tag. Kēia koke i ke kuhi helu kuhi, mai W3C aeia align kaila obsolete. E ho ohana i ka mea ma luna o ka 'aoʻao ua ole paipai.

e pili ana aeie

Inā 'oe makemake e hoʻonoho i ka hoʻopololei o ka div ma ka waena, CSS ke kaumaha loa ai ka nohoʻana ma ke ala: no ka hoʻohana a mawaho nenelu loa palena pau. Nenelu loa hiki ke hoakaka ia me ka aeie hehee wale, a me ka laina-hihia. Svoysva waiwai e e 0 (vertical nenelu loa), a me ka auto like ( 'akomi indentation horizontally):

• palena pau: 0 ola auto;

Ano, ua 'ike i kēia koho like loa i pololei ia. E ho ohana mawaho nenelu loa kekahi e leie aku oe, e kukulu i ka hoʻopololei o ka piko: CSS-palena pau waiwai e leie aku mākou e hoʻoponopono i pili me ka hoʻonohoʻia hehee ai ma kaʻaoʻao na pilikia.

Hoʻopololei o ka hema a me ka akau kae o ka aeie

I kekahi manawa, CSS-ʻaoʻao 'aʻole i koi hoʻopololei o ka konu, akā, he mea pono ke kau i ka palaka e hiki mai ana elua, kekahi ma kaʻaoʻao hema, a me ka' ē aʻe - mai ka akau. No keia mea, ke lana waiwai, i hiki ke lawe i kekahi o ekolu aiee: haʻalele, pono pahaʻaʻohe mea nāna. E ka i aku nei au ia oukou i ālai 'mau mea e hoonohoiaʻaoʻao ma kaʻaoʻao. A laila, i ke karaima, ua like penei:

• .left {lana: haʻalele;}
• .right {lana: pono}

Inā he mea i ke kolu o ka ai hoi, a pono e kai piha ma lalo o nā ālai 'mua elua (e laʻa me, footer), a laila ka mea i pono, e? Aaeno maopopo hiʻona:

• .left {lana: haʻalele;}
• .right {lana: pono}
• footer {maopopo: nā}

Ka mea i ka palaka a me nā papa o ka haʻalele a me ka pono e haule mai o ka huina o pele,ʻo ia hoʻi, nā mea a pau'ē aʻe hehee wale AOON ka loa ola ana o ka oihana mua ua kūponoʻia. Property maopopo: nā leie aku footer hihia 'ole kekahi' ē hiki precipitated mai ke kahe keena, a ua papa wahī (lana) ma luna o nā ka hema a me ka pololei. No laila, i loko o mākou laʻana, ka footer ua hoʻoneʻe lalo.

vertical hoʻopololei

Aia mau hihia kahi i lawa ia i ka hoʻopololei o ka piko o ka CSS-aoao, e pono no hoi hoʻololi i ka vertical kulana o ke keiki hihia. Kekahi laina paha lalani-hihia hehee ai hiki ke kaomi ana i ka luna paha malalo maka, aia ma ka waena o ka makua hehee ai paha e i loko o ka ākeʻakeʻa kumu wahi. Loa pinepine koi hoʻopololei o ka piko o ka aeie, e hoʻohana vertical-align kaila. Ina he mau palakaʻelua, hoʻokahi kona pūnana aku i loko o ka mea 'ē aʻe. Ma kēia i loko o ka mokuna - lalani-hihia hehee ai ( 'ia: LIKE LIKE-hihia). He mea pono e align i ka vertical aeie keiki:

• hoʻopololei o ke keena palena - .child, vertical-align: luna};
• e pili ana - .child {vertical-align: waena};
• hoʻopololei o ka lalo kaʻe - .child {vertical-align: lalo};

At aeie hehee wale nā leo kikokikona-align, a vertical-align aole i pili.

Hiki pilikia me ka ua kūponoʻia naehana

I kekahi manawa, div align i ka piko o ke CSS-ala hiki i kekahi wahi pilikia. No ka laʻana, ka wā hoʻohana i ka lana: no ka laʻana, ma laila nō ekolu palaka: .first, .second a me ka .third. Ke lua a me ke kolu ālai 'moe ana i loko o ka mua. An hehee ai me ka papa lua haʻalele-ua kūponoʻia, a me ka hope aeie - ma ka akau. Ma hope o aligning ka mau kulu mai ke kahawai. Inā ka makua hehee ai uaʻaʻole i ho'ākāka 'kiʻekiʻe (e like, 30em), ka mea e hooki oe i kau i ke kiekie o ka hui ma lalo huahelu. E pale i kēia hewa, e hoʻohana i ka "mea hoʻomāhele" - he kūikawā pa alima, a ike .second a me ka .third. CSS-code:

• .second, lana: hema}
• .third {lana: pono}
• .clearfix {kiʻekiʻe: 0; maopopo: a elua;}

pinepine feria hoʻohana: hope, a i leie aku e hoʻi i ka palaka i wahi e pili ana psevdorasporki (i loko o ka hana i loko o ka div me ka papa moe i loko o ka ipu, a maupaʻa i ka .first .left a me ka .right):

• .left {lana: hema}
• .right {lana: pono}
• .container: ma hope, maʻiʻo: ''; 'ia: papaʻaina; maopopo: a elua;}

Ka luna koho - i ka loa, he pono ole, eia nae, aia nō kekahi likeʻole. Oe ke mau loaʻa i ke ala easiest a me ka loa kupono e ho okumu psevdorasporki ma ka ho okolohua.

pilikia kekahi pinepine pilikiaʻia - hoʻopololei o ka laina-hihia hehee wale. Ma hope iho o kela mea keia mea o lakou i ka wa ua hou 'akomi'. Lawelawe ia kōkua i ka palena pau waiwai, a ua ho'ākāka 'ia ma ka io indentation. Aia i nāʻaoʻao, a i hoʻohana emi pinepine ia, no ka laʻana, 'ike i ka Font nui. Ma keia hihia, i ka waiwai o ka makua hehee ai? Aaeno? Font-size: 0. Inā ke aupuni 'loko palaka o kikokikona, ua hoʻi mai i ka waiwai o ka laina-hihia oihana mua a hiki i ka makemake Font nui. No ka laʻana, Font-size: 1em. Ka papa hana nei,ʻaʻole e mau ana i ka pono, pela no ka mea, ua nui loa aku o olelo hoʻohana kēia me ka mawaho margins.

Aligning ālai 'apono' oe, e ho okumu i nani a me ka ooieoeiiaeuiuoʻaoʻao: ka nuiʻia a meʻia, a me ka wahi o ka waiwai i loko o ka pōʻeleʻele loa, a me nā kiʻi ma luna o ke kahua o ka meaʻuʻuku.