Ke hoʻouka nei i nā laina hilinaʻi ma nā pūnaewele me nā poʻomanaʻo MAN
Inā ponoʻoe e hoʻohui i nā laina ākea, nā laina laulāʻano hoʻokaʻawale i kāu mau pūnaewele, loaʻa iāʻoe kekahi mau koho. Hiki iāʻoe ke hoʻohui i nā pūnaewele kiʻi maoli o kēlā mau laina i kāuʻaoʻao, akā e koi ana i kāu polokalamu kele pūnaewele e hoʻihoʻi a hoʻouka i kēlā mau kāpili, hiki ke loaʻa ka hopena maikaʻiʻole i ka hana o ka pūnaewele.
Hiki iāʻoe ke hoʻohana i ka'āpana'āina palena'āina CSS e hoʻonui i nā palena i hanaʻia ma nā laina ma luna a ma lalo paha o kahi māhele, me ka hoʻokumu ponoʻana i kāu laina hoʻokaʻawale.
I ka hopena, hiki iāʻoe ke hoʻohana i ka mana HTML no ka rule horizontal - the
ʻO ke kulekeleʻulaʻula
Inā ua kauʻoe i kekahi mahele pūnaewele ma kahi pūnaewele pūnaewele,ʻike pahaʻoe i ka ala kūponoʻole i hōʻikeʻia ai kēia laina e kūpono. Ponoʻo ia e huli iā CSS e hoʻololi i kaʻikeʻana o kēia mau mea e like me kāu e makemake ai i kāu pūnaewele e nānā.
Ke hōʻikeʻia nei kahi inoa HR maʻamau i ke ala e makemake ai ka mea makemake e hōʻike. Hiki i nā'ōnaehana hou ke hōʻike i nā hōʻailona HR i hoʻohuiʻoleʻia me ka laulā o 100%, ke kiʻekiʻe o 2px, a me ka palenaʻekolu o kaʻekolu iʻeleʻele e hana i ka laina.
Eia keʻano o kahi waela HR a iʻole eʻike pahaʻoe i kēia kiʻi pehea e nānā ai nā HR i hoʻokaeʻoleʻia i nā polokalamu hou.
ʻO ka nui a me ka Height nā meaʻoi aku kahiʻoihana
ʻO nāʻaoʻao wale nō e kuhi ana i nā pūnaewele pūnaewele ka laulā a me nāʻano. Hōʻike kēia i ka nui o ka laina. Ināʻaʻoleʻoe e wehewehe i ka whānui a me ke kiʻekiʻe,ʻo ka laulā kelepona he 100% a he 2px ke kiʻekiʻe.
Ma kēia hiʻohiʻona he 50% o ka māhele makua (e nānā i kēia mau hiʻohiʻona ma lalo nei a pau nāʻano o ke kikowaena.) I loko o kahi hoʻonohonoho hana, e kākauʻia kēia mauʻano ma kahiʻaoʻao kāhili o waho no ka māmā o ka mālamaʻana ma nāʻaoʻao a pau):
style = "whānui: 50%;">
A ma keia hana, he 2em ka kiekie:
style = "kiʻekiʻe: 2em;">
ʻO ka loliʻana i nā ala hiki ke hoʻohoihoi
Ma nā polokalamu hou i kēia manawa, kūkuluʻia ka laina e ka polokalamu kelepona ma ka hoʻololiʻana i ka palena. No laila, ināʻoe e wehe i ka palena me ka waiwai style, e nalowale ke aho ma kaʻaoʻao. E like me kouʻike (pono,ʻaʻoleʻoe eʻike i kekahi mea, eʻikeʻoleʻia nā laina) i kēia hiʻohiʻona:
style = "palena:ʻaʻohe;">
ʻO ka hoʻololiʻana i ka nui palena, ka laulā, a me keʻano e hoʻohuli like ai ka laina a me ka hopena like ma nā mea huli pūnaewele hou. Eia kekahi laʻana, ma kēia hōʻikeʻana,ʻulaʻula ka palena, kāpae, a 1px whānui:
style = "palena: 1px dashed # 000;">
Akā ināʻoe e hoʻololi i ka palena a me ke kiʻekiʻe, e nānā iki keʻano i nā meaʻimiʻole iʻikeʻia ma mua o ka hana o nā meaʻimi hou. E like me kāu eʻike ai i kēia hiʻohiʻona, ināʻoe eʻike i ia i IE7 a i lalo (kahi polokalamu kamepiula i hoʻopaneʻe maikaʻiʻole aʻaʻole i kākoʻoʻia e Microsoft) aia kekahi lālā i hoʻopaʻaʻia e hōʻikeʻoleʻia ma nā mea'ē aʻe (me IE8 a piʻi) :
style = "ke kiʻekiʻe: 1.5m; width: 25em; palena: 1px paʻa paʻa # 000;">
ʻAʻole pono nui kēlā mau meaʻemo i hōʻalo i kēia lā, no ka mea, ua hoʻololi nuiʻia lākou me nā koho hou hou aku.
E hana i kahi laina hoʻonā me kahi kiʻi kiʻi
Ma kahi o ka pena, hiki iāʻoe ke ho'ākāka i kahi hilinaʻi kiʻi no kāu HR no ka mea e like me keʻano āu e makemake ai, akā e hōʻike mau ana i kāuʻike.
Ma kēia hana mākou i hoʻohana ai i kahi kiʻi oʻekolu mau laina laulā. Ma ka hoʻonohonohoʻana iā ia me ke kiʻi kiʻiʻole me ka pānaʻiʻole, hana ia i ka haʻalulu i loko o kaʻenehana e like me kaʻikeʻana i nā puke:
style = "kiʻekiʻe: 20px; background: #fff url (aa010307.gif) wahi pūnaewele pānui hou; palena:ʻaʻohe;">
Ke hoʻololi i nā manaʻo pilikino
Me CSS3, hiki iāʻoe ke hoʻoikaika i kāu laina. ʻO kaʻiliahi HR he laina kuʻikahi, akā me ka hana CSS ma mua, hiki iāʻoe ke hoʻololi i ko lākou nānā. ʻO ka hoʻololi punahele ma ka mana HR ke hoʻololi i ka hoʻololiʻana.
Hiki iāʻoe ke hoʻololi i kāu mea hoʻonā HR no ka mea he mea iki wale nō i ka diagonal:
hr {
-moz-transform: hoʻololi (10deg);
-webkit-transform: hoʻololi (10deg);
-o-transform: hoʻololi (10deg);
-ms-transform: hoʻololi (10deg);
huli: hoʻololi (10deg);
}
A iʻole hiki iāʻoe ke hoʻololi iā ia a paʻa i ke kahawai:
hr {
-moz-transform: hoʻololi (90deg);
-webkit-transform: hoʻololi (90deg);
-o-transform: hoʻololi (90deg);
-ms-transform: hoʻololi (90deg);
huli: hoʻololi (90deg);
}
E hoʻomanaʻo i ka hoʻololiʻana o kēia i ke HR ma muli o kona wahi i kēia manawa ma ka palapala, no laila ponoʻoe e hoʻololi i ka hoʻonohonohoʻana e kiʻi iā ia ma kahi āu e makemake ai. ʻAʻole ia he'ōlelo manaʻo e hoʻohana i kēia mea e hoʻouka i nā laina kuʻuna i ka hoʻolālā, akā he ala ia e loaʻa ai ka hopena maikaʻi.
ʻO kekahi alanui e kiʻi ai i nā laina ma kāu mauʻaoʻao
Hoʻokahi mea i hanaʻia e kekahi poʻe ma ka hoʻohanaʻana i ka wae HR no ka hilinaʻiʻana i nā palena o nā mea'ē aʻe. Akā i kekahi manawa he HR aʻoi aku ka maʻalahi a maʻalahi ka hoʻohana ma mua o ka ho'āʻoʻana e kau i nā palena. Hiki i nā pahuhopu pahuhopu o kekahi mau polokalamu kele pūnaewele ke hoʻokuʻu i kahi palena aʻoi loa.