• Umbizo(Fomati) na uchague amri Safu
• Ingiza(Ingiza) na uchague amri Pengo
• Angalia chaguo safu mpya (Kuvunja safu wima) na bonyeza sawa.

Kihariri cha maandishi cha Neno hukuruhusu kuunda maandishi zaidi njia tofauti. Matoleo ya hivi punde mpango huu umekuwa mkubwa sana kazi mbalimbali, kwamba sasa hakuna chochote ambacho mhariri huyu wa maandishi hawezi kufanya. Katika makala hii tutazungumzia jinsi ya kufanya maandishi katika safu mbili katika Neno.

Njia sahihi ya kutengeneza maandishi katika safu wima mbili kwenye Neno

Ili kufanya maandishi katika safu mbili katika Neno, unahitaji kwenda kwenye kichupo cha "Mpangilio wa Ukurasa" na ubofye kitufe cha "Safu". Baada ya hayo, menyu kunjuzi itaonekana ambayo unaweza kuchagua idadi ya safu wima unayotaka kuweka kwenye ukurasa huu.

Chaguzi zifuatazo zinapatikana katika menyu kunjuzi hii:

• safu moja - moja, muundo wa ukurasa wa kawaida katika Neno;
• safu mbili - mbili zinazofanana, ukurasa ulio na safu mbili;
• safu tatu - tatu zinazofanana, ukurasa ulio na safu tatu;
• kushoto - nyembamba safu wima ya ziada upande wa kushoto wa ukurasa;
• upande wa kulia - safu nyembamba ya ziada upande wa kulia wa ukurasa;

Kwa kuongeza, katika orodha ya kushuka kuna kipengee "Safu nyingine". Kipengee hiki kinafungua dirisha la ziada, ambayo unaweza kurekebisha upana wa nguzo na nafasi kati yao.

Unaweza pia kuweka saizi ya safuwima kwa kutumia rula iliyo juu ya ukurasa.

Njia mbaya ya kutengeneza maandishi katika safu wima mbili kwenye Neno

Njia ya pili ya kuunda nguzo katika Neno inaweza kuchukuliwa kuwa sio sahihi, lakini mara nyingi ni rahisi zaidi. Kwa njia hii meza na muafaka usioonekana hutumiwa. Nenda kwenye kichupo cha "Ingiza" na utumie kitufe cha "Jedwali" ili kuunda meza na safu mbili.

Baada ya jedwali kuundwa, weka mshale ndani ya meza na uende kwenye kichupo cha "Kufanya kazi na meza - Kubuni". Hapa unahitaji kubadilisha aina ya mstari ambayo hutumiwa kuteka mipaka ya meza. Ili kufanya hivyo, fungua menyu kunjuzi na uchague "Hakuna Mpaka."

Mstari huu unaonekana wakati wa kuhariri hati, lakini hauonyeshwa wakati wa kuichapisha.

Jinsi ya kutengeneza maandishi katika safu wima mbili katika Neno 2003

Ikiwa unatumia Neno 2003, basi ili kufanya maandishi katika safu mbili unahitaji kufungua menyu ya "Format - Safu". Baada ya hayo, dirisha la "Safu" litaonekana.

Katika dirisha hili unahitaji kuchagua idadi ya nguzo na bofya kitufe cha "OK". Ikiwa ni lazima, unaweza kurekebisha upana wa nguzo, nafasi kati yao, na vigezo vingine.

Ni wangapi kati yenu mmefanya kazi na safu wima katika Neno? Pengine umegundua kuwa maandishi yanaweza kuonekana kwenye safu wima ya pili baada ya safu wima ya kwanza kujaa maandishi.

Walakini, kuna njia ya kuweka maandishi kwenye safu ya pili hata ikiwa hakuna maandishi katika safu ya kwanza.

• Unda hati mpya na ingiza idadi ya safuwima unayohitaji ((Nenda kwenye menyu Umbizo(Fomati) na uchague amri Safu(Safu wima))). Kwa unyenyekevu, tutafanya safu mbili.
• Ili kwenda kwenye safu ya pili, nenda kwenye menyu Ingiza(Ingiza) na uchague amri Pengo(Kuvunja). Sanduku la mazungumzo la jina moja litafungua, kama kwenye picha ya skrini hapa chini:
• Angalia chaguo safu mpya(Kuvunja safu wima) na bonyeza sawa.

Hiyo ndiyo yote, mshale utahamia kwenye nafasi ya kuanzia kwa kuingiza maandishi kwenye safu ya pili.

Pia vifungu kuhusu kufanya kazi na safu katika Neno:

• Jinsi ya kuchanganya maandishi kutoka kwa safu wima kadhaa kwenye Neno?
• Jinsi ya kufuta safu katika Neno?

Katika Neno, inawezekana kuweka maandishi katika safu kadhaa kwenye karatasi moja, na kisha tutaangalia jinsi ya kufanya safu katika Neno. Mfano wazi wa muundo huo wa maandishi ni kawaida magazeti na majarida mbalimbali.

Unaweza kusanidi uwekaji wa maandishi katika Neno katika safu wima kadhaa kabla ya kuanza kuchapa, au unaweza kugawanya maandishi yaliyochapishwa tayari kwenye safu wima. Ili kuunda safu wima, unahitaji kwenda kwenye kichupo cha "Mpangilio wa Ukurasa" na kwenye menyu ya "Safu wima", chagua chaguo moja iliyopendekezwa ya kuweka safu au chagua chaguo la "Safu Wima Zingine" ili usanidi binafsi wingi wao.

Katika dirisha la mipangilio ya "Safu" inayoonekana, unaweza kufanya urekebishaji mzuri kila mmoja safu wima iliyoundwa, ikionyesha upana wake, umbali kati ya nguzo zilizo karibu na, ikiwa ni lazima, kuweka mstari wa kugawanya. Mipangilio hii inaweza kutumika kwa hati nzima, hadi mwisho wa hati, au kwa maandishi yaliyochaguliwa.

Mara safu wima zitakapoundwa, maandishi yatasogezwa hadi inayofuata kadiri safu wima moja inavyojazwa. Ikiwa unahitaji kuendelea hadi inayofuata bila kujaza kabisa safu moja, unapaswa kuweka mapumziko ya safu kabla ya maandishi ambayo yanapaswa kwenda kwenye safu inayofuata. Hii imefanywa kwenye kichupo cha "Mpangilio wa Ukurasa" kwenye menyu ya "Mapumziko" kwa kuchagua kipengee cha "Safu".

Microsoft Word elimu

Siku njema.

Bofya wapi?

Zaidi kuhusu mipangilio

Nuances

Ni hayo tu.

Kwaheri.

Siku njema.

Katika makala hii fupi nitakufundisha jinsi ya kufanya maandishi katika Neno katika safu mbili au zaidi. Ni rahisi sana: unahitaji mibofyo michache tu ya panya ili kuvunja katika sehemu hati iliyotengenezwa tayari, kipande chake tofauti, au kuunda mpya kwa kutumia kanuni hii.

Bofya wapi?

Ili kugawanya sehemu tu ya maandishi, lazima kwanza uchague. Ikiwa uliandika mara kwa mara na kisha ukaamua kubadili safu, au utaunda hati mpya nao, basi unapaswa kuacha mshale mahali ambapo wanapaswa kuanza.

• Katika sehemu ya juu Menyu ya maneno badilisha hadi kichupo cha "Mpangilio wa Ukurasa".
• Katika uwanja wa vigezo, bofya chaguo la "Safuwima".

• Orodha itaonekana ambayo unaweza kuchagua mara moja kiasi kinachohitajika, au bonyeza chaguo la "Safu wima zingine" kwa mipangilio bora.

Zaidi kuhusu mipangilio

Ili kusanidi kila kitu kwa undani zaidi, bofya kwenye "Safu Wima Zingine".

Dirisha dogo litafungua ambapo kila kitu kiko wazi:

• Katika sehemu ya juu ya "Aina", chagua umbizo na idadi ya safu wima, au unaweza kuweka nambari yako hapa chini.
• Ifuatayo ni eneo la "Upana na Nafasi" ambapo unaweza kurekebisha mwonekano kila safu tofauti.
• Sampuli inaonyeshwa upande wa kulia: jinsi maandishi yatakavyokuwa na mipangilio yako.
• Katika uwanja wa chini kabisa "Weka" unaamua ni sehemu gani ya hati itagawanywa katika safu.

Nuances

Ili kufanya maandishi yako yaonekane mazuri mwishoni, mwishowe nitakuambia juu ya vidokezo vichache:

• Wakati wa mchakato wa kuandika, itahamia safu nyingine tu baada ya ya kwanza kujazwa kabisa. Je, unahitaji kuiandika bila kukamilika? Ikiwa ndivyo, katika kichupo na eneo sawa na katika maagizo ya kwanza, bofya kipengele cha Mapumziko na uchague chaguo la Safu wima.

• Je, maandishi yamegawanywa kimakosa katika safu wima mbili au zaidi? Ikiwa kuna mapengo kati ya maneno, unaweza kurekebisha saizi ya fonti (kwa sehemu ya kumi) au saizi ya indents kwa kuburuta kidogo slaidi kwenye mtawala juu (inajitokeza wakati unaelekeza mshale).

• Ili kutenganisha safu na mstari wa wima, Neno linatupa kipengee cha "Kitenganishi" kwenye dirisha la mipangilio, ambalo lazima liangaliwe.

• Je, kichwa kinaendana na safu wima? Unahitaji kuipeleka juu. Hii imefanywa kwa urahisi: chagua tu na katika mipangilio kuweka idadi ya nguzo kwa "Moja".
• Kwa njia, unahitaji kufanya vivyo hivyo na maandishi yote ikiwa unataka kurudi maandishi ya asili kwa ukurasa mzima.

• Umetengeneza safu wima katikati ya maandishi na haziko kwenye kiwango sawa? Wacha tuseme ya pili iligeuka juu kidogo. Hii inamaanisha unahitaji kuweka mshale mbele yake na ubonyeze Ingiza. Kwa ujumla, unaweza kurekebisha kila safu tofauti kama unavyotaka.

Ni hayo tu.

Njoo kwangu tena ili kushughulikia maswali mengine kwenye mada za kompyuta kwa urahisi na haraka.

Kwanza unahitaji kuelewa jinsi maandishi yanapaswa kuonekana, unaweza kuingiza maandishi hapo awali, au kuchagua njia ya pili wakati maandishi bado hayajaingizwa. Ikiwa maandishi yapo, itakuwa rahisi zaidi kuelewa jinsi yote yanavyoonekana.

Jinsi ya kutengeneza safu 2 kwenye Neno?

Njia baada ya kuandika maandishi:

1. Haja ya kuangalia paneli ya juu, pata kitelezi cha marekebisho ya ukingo. Kuna nambari zilizoandikwa hapo na mistari kati yao, na kwenye pande kutakuwa na takwimu, kama vile mishale mashimo.
2. Nenda kwenye kichupo cha "Mpangilio wa Ukurasa".
3. Bofya kushoto kwenye kitendakazi kinachoitwa "Safuwima". Kutakuwa na chaguo nyingi, hivyo ikiwa unahitaji safu zaidi ya mbili au mtazamo tofauti, kisha chagua mipangilio mwenyewe.
4. Chagua chaguo "Mbili".
5. Tunaangalia sliders za mtawala.

Haionekani kuwa nzuri sana, umbali kati ya maneno ni ya kuchukiza, kichwa kinaweza kuhamia kabisa mahali pengine.

Unapohitaji sehemu fulani ya maandishi yaliyokamilishwa kugawanywa katika safuwima, kisha chagua kwanza kipande hiki cha maandishi na uchague chaguo sahihi kuvunjika. Tunarudia hatua zilizoelezwa hapo juu.

Sasa hebu tufanyie kazi maandishi haya.

1. Nenda kwenye kazi ya "Safu wima", chagua "Mbili". Mstari wa kwanza wa safu ya kushoto ulikuwa chini kuliko mstari wa kwanza wa safu ya kulia.
2. Weka mshale mwanzoni mwa mstari wa kwanza wa safu ya kulia.
3. Bonyeza Ingiza au Ingiza.

Ikiwa unataka kubadilisha maandishi yaliyovunjika, unaweza kubadilisha ukubwa wa fonti. Usisahau kwamba kazi ya "Safu wima" ina kipengee cha ziada inayoitwa "Safu Wima Zingine".

Jinsi ya kutengeneza safu 2 za maandishi katika Neno ili kufuata kiwango cha uchapishaji?

Unahitaji kukubali umbizo la maandishi kwa kutumia chaguo la Safu wima. Hivi ndivyo unavyoweza kubadilisha umbizo katika Neno.

Usisahau kuhusu uwezo wa kubadilisha kando na nafasi kati ya safu wima. Kwa msaada wa udanganyifu wa ziada tutafikia usomaji bora.

1. Badilisha ukubwa kwenye kichupo cha "Nyumbani". Tunapata madirisha tano na barua ("Kuhariri") na kuona kipengee cha "Chagua" karibu nayo, chagua kila kitu.
2. Maandishi yote sasa yanasubiri mabadiliko yakubaliwe.
3. KATIKA orodha ya juu chagua saizi ya maandishi, kwa chaguo-msingi ni 12 au 14. Tutahitaji maadili kutoka 11.3 hadi 11.8.
4. Bonyeza Ingiza, kifungo kikubwa kati ya barua "E" na nambari "Nne", ikiwa una NumPad.

Ikiwa inataka, tunabadilisha vipindi kwa hiari yetu.

Sasa hebu tuendelee kwenye kichwa. Inapaswa kupanda juu ya maandishi. Ili kufanya hivyo, angalia chaguo la "Safu wima", chaguo la "Single". Walakini, kichwa kimekuwa kidogo kwa saizi, kisha uchague na urudishe fonti yake kwa saizi inayotaka.

Chaguo la kuunda safu kwa kutumia jedwali

Njia hiyo si sahihi kabisa, lakini inaweza kutumika kuunda uonekano wa kuvunjika kwa maandishi.

1. Weka kichupo.
2. Pata kipengee cha "Jedwali".
3. Nenda kwa "Msanifu" na "Kufanya kazi na meza".
4. Kwa kutumia kalamu "Chora Jedwali".

Ikiwa unataka, ondoa au uondoke mipaka.

Tofauti kati ya matoleo

Ikawa wazi jinsi ya kutengeneza safu 2 kwenye Neno, lakini kuna tofauti gani katika chaguo linalohusiana na kuunda na kugawa maandishi katika safu wima tofauti. Matoleo ya Microsoft Neno 2007 na 2003, na vile vile vipya zaidi?

Microsoft Word 2003 ni tofauti kidogo. Usanifu wa programu yenyewe na kichupo cha "Mpangilio wa Ukurasa" haipo; badala yake, karibu na chaguo la kuunda meza na kubadilisha nafasi ya maandishi, kuna vifungo vya kugawanya maandishi kuwa mbili au zaidi. vipengele. Unaweza pia kusanidi aina ya safu.

Jinsi ya kutengeneza safu 2 kwenye Neno? Toleo la 2007. Kuna tofauti na toleo la 2003 katika vipengele vifuatavyo:

1. Kichupo cha "Mpangilio wa Ukurasa".
2. Muonekano sana wa mfano wa safu na kiolesura cha programu ni tofauti.

Katika matoleo yote, inashauriwa kuangalia kisanduku cha "Separator" kwenye kichupo cha "Safu" ili kuwe na mstari kati ya safu.

Katika matoleo mapya, yote yaliyo hapo juu iko kwenye kichupo cha "Mpangilio".

Kutoka kwa mwongozo huu utajifunza jinsi ya kutumia wasemaji katika hati za maandishi, jinsi ya kupanga maandishi katika safu na kubadilisha umbali kati yao, jinsi ya kuongeza mapumziko kati ya safu.

Kwa nini utumie wasemaji

Mara nyingi, kipengele cha safu hutumiwa katika magazeti, majarida, vipeperushi na vipeperushi. Hasa, kwa uchapishaji wa uchapishaji, muundo ulio na nguzo unaonekana kuvutia zaidi na kitaaluma.

Unaweza kuunda safu moja, mbili au tatu za ukubwa sawa. Kisha, unapoandika, utasogea kiotomatiki hadi safu wima inayofuata wakati ile iliyotangulia itaisha, isipokuwa wewe mwenyewe utaingiza mwisho wa safuwima. Unaweza kuweka upana wa safuwima na kutumia umbizo la kawaida ambalo linatumika katika hati za kawaida za maandishi.

Kozi ya mtandaoni "Neno kutoka rahisi hadi ngumu" Mwalimu mambo ya msingi mhariri wa maandishi juu ngazi ya juu. Haijalishi ikiwa wewe ni mwanzilishi au tayari unafanya kazi na Neno, kwa kozi yetu utakuwa gwiji wa hati halisi!

Kuongeza Safu

• Chagua maandishi unayotaka kubadilisha kuwa safu wima.
• Kutoka kwa menyu ya Ribbon, chagua kichupo "Muundo", sehemu "Mipangilio ya ukurasa".
• Bofya kwenye kifungo "Safu".
• Kutoka kwenye orodha ya kushuka, chagua nambari inayotakiwa ya nguzo (kwa mfano, tatu).

Tafadhali kumbuka kuwa ikiwa hautachagua kwanza eneo maalum maandishi ambayo unataka kubadilisha kuwa safu wima, kisha maandishi yote yanayofuata kishale yanabadilishwa kuwa safu wima.

Kuumbiza Safu

Safu wima zinapoundwa, kwa chaguo-msingi huwa na mpangilio sawa na ule wa maandishi. Na mara nyingi hii inaachwa sawa. Hii si kwa wazungumzaji chaguo bora, kwa hivyo ni bora kufomati kwa upana.

• Hebu tuangazie safu zetu.
• "Nyumbani", sehemu "Kifungu".
• Bonyeza kwenye ikoni ya "Pangilia kwa upana" ( kitendo sawa inaweza kupatikana kwa kushinikiza mchanganyiko Vifunguo vya Ctrl+J).

Maandishi yamepangwa kwa usawa ndani ya safuwima. Na umbali kati ya nguzo ukawa wazi zaidi. Maadili haya yanaweza kubadilishwa.

• Weka kiteuzi chako popote ndani ya safu wima unazotaka kuumbiza.
• Kutoka kwa menyu ya Ribbon, chagua kichupo "Muundo", mkoa "Mipangilio ya ukurasa".
• Bofya kwenye kifungo "Safu" na kisha chagua "Safu Nyingine". Sanduku la mazungumzo la Safu wima hufungua.
• Ingiza maadili kwa upana wa safu wima na nafasi kati yao. Kwa mfano, weka 0.2 kama nafasi ili kufanya umbali kuwa mdogo.
• Bonyeza OK na tathmini mabadiliko. Ikiwa ni lazima, fanya upya njia na ubadilishe maadili.

Ikiwa unataka kuweka safu wima za upana tofauti, hii inafanywa katika kisanduku cha mazungumzo cha "Safu wima". Ili kuweka kila safu upana wa mtu binafsi, kwanza unahitaji kufuta kisanduku cha kuteua "Safu wima za upana sawa". Baada ya hayo, thamani za upana na nafasi kwa kila safu zitapatikana kwa uhariri.

Ikiwa, kimsingi, unahitaji safu mbili tu - moja nene, nyingine nyembamba, basi wakati wa kuunda safu kupitia kitufe cha "Safu", chagua tu thamani ya "kushoto" au "kulia", kulingana na mahali safu ndogo inapaswa kupatikana. .

Kuingiza Mapumziko ya Safu

• Bofya kwenye eneo ambalo unataka kuingiza mapumziko ya safu. Hiyo ni, kutoka ambapo maandishi yanapaswa kusonga hadi mwanzo wa safu inayofuata.
• Chagua kichupo kutoka kwa menyu ya utepe "Muundo"- mkoa "Mipangilio ya ukurasa".
• Bonyeza kitufe "Mapumziko", kutoka kwenye menyu kunjuzi chagua "Safu". Maandishi yanayofuata kishale yanapaswa kuonekana kwenye safu wima inayofuata.

Katika makala hii tutaangalia hatua kwa hatua sheria za mpangilio wa tovuti yenye nguzo mbili. Msimbo ambao tumetoa utakuruhusu kuongeza kichwa na kijachini ambacho kinachukua safu wima hizi mbili.

Utangulizi

Ili kukamilisha kazi katika makala hii, lazima uwe na ujuzi wa kuandika katika HTML na CSS. Ikiwa sio hivyo, basi ni bora kutumia mhariri wa kuona.

Tafadhali kumbuka kuwa si lazima uwe mtaalamu wa HTML au CSS. Unahitaji tu kuwa nayo maarifa ya msingi teknolojia hizi, vinginevyo makala hii haitakuwa wazi kwako.

Kutumia mali ya kuelea kuunda safu wima mbili

Kuna njia nyingi kwa kutumia CSS kuunda tovuti na safu mbili. KATIKA mwongozo huu tutatumia mali ya kuelea kuelea safu moja kwa upande wa nyingine. Kwa njia nyingi njia hii ni rahisi na rahisi zaidi kuliko nafasi kabisa vipengele. Pia hukuruhusu kuongeza kichwa cha hiari na kijachini kinachozunguka safu wima hizi mbili.

Mimi mwenyewe sikutumia njia hii, kwa sababu mpangilio wa rasilimali yangu uliundwa wakati nilikuwa nikichukua hatua zangu za kwanza katika maendeleo ya CSS na sikujua chochote kuhusu sheria za msingi za mpangilio. Lakini usijali. Nimeunda baadhi ya kurasa za onyesho kwa kutumia umbizo hili ambalo unaweza kuona baadaye.

Msimbo wa msingi wa HTML wa tovuti iliyo na safu wima mbili

Sehemu ya HTML ya msimbo ni rahisi sana. Tunahitaji div mbili tu, moja kwa kila safu:

Maneno "Menyu ya Urambazaji" na "Maudhui" ni vielelezo tu vya upau wa kusogeza wa kando na maudhui kuu. Utaondoa maneno haya baadaye wakati umeongeza maudhui halisi kwenye vizuizi. Div ya "chombo" ni kizuizi kilicho na safu wima mbili. Inaweza kutumika ikiwa unahitaji kutumia mitindo fulani kwa safu zote mbili.

Msimbo wa CSS wa tovuti iliyo na safu wima mbili

Msimbo ufuatao wa CSS hutumia asilimia (“%”) kubainisha upana wa safu wima zote mbili. Kwa kuwa hupimwa kwa vitengo vya jamaa, watapanua au mkataba wa kujaza dirisha lote la kivinjari, bila kujali ni upana gani. Kwa mfano, ukibadilisha ukubwa wa dirisha la kivinjari chako, kiolezo kitapanga upya safu wima ili ilingane kwa karibu iwezekanavyo ndani ya mipaka ya dirisha.

Nambari ya CSS ni rahisi sana:

#maudhui ( kuelea: kulia ; upana: 80% ; ) #navbar ( kuelea: kulia; upana: 20%; )

Kulingana na sheria za mpangilio wa tovuti, msimbo wa CSS lazima uwekwe katika sehemu ya mitindo ya ukurasa wa wavuti au katika faili ya nje.

Jinsi nambari iliyo hapo juu inavyofanya kazi inaweza kuonekana hapa.

Jinsi inavyofanya kazi: maelezo ya msimbo wa CSS

Kanuni ya "elea: kulia" huamua jinsi DIV inavyoelea nje ya mtiririko wa hati na kuwekwa upande wa kulia wa vipengele vingine vyote vinavyoelea upande wa kushoto wake. Kizuizi cha kwanza cha DIV kinachoonekana kwenye ukurasa wa HTML kinarekebishwa kwanza.

Katika mfano ulio hapo juu, "#maudhui" huhamishiwa kulia kwanza na imewekwa hadi 80% ya upana wa dirisha la kivinjari. Ni yetu kanuni inayofuata pia huchukua "#navbar" kutoka kwa mtiririko wa hati na kuiweka upande wa kulia.

Kwa kuwa tayari tunayo kitu kinachoelea katika nafasi hii. Kwa mujibu wa kanuni zilizotolewa mpangilio unaobadilika, kizuizi cha pili kinawekwa upande wa kushoto wa kipengele kilichopo ikiwa kuna nafasi ya kutosha kwa ajili yake. Vinginevyo itawekwa chini ya kipengele cha kwanza. Kwa kuzingatia hili, jumla ya pande za vitalu vyote viwili lazima iwe 100% au chini ya hapo, vinginevyo hatutakuwa na nafasi ya kutosha kuziweka kando.

Jinsi ya kuweka safu wima ya kusogeza upande wa kulia

Msimbo ulio hapo juu unaweka menyu ya kusogeza kwenye safu wima ya kushoto. Ikiwa ungependa menyu ya kusogeza iwe upande wa kulia, badilisha msimbo kama ifuatavyo:

#maudhui ( kuelea: kushoto; upana: 80% ; ) #navbar ( kuelea: kushoto; upana: 20%;)

Unaweza kuona msimbo huu ukifanya kazi hapa kwa kubofya kitufe cha kuwasha safu ya kulia menyu ya urambazaji.

Jinsi ya kubadilisha upana kwa usahihi

Kulingana na imara sheria za kiufundi mpangilio, mitindo hapo juu huweka upana wa safu ya upande hadi 20% ya upana wa dirisha la kivinjari, na upana wa safu ya yaliyomo hadi 80%, ambayo huongeza hadi 100%.

Ikiwa unapanga kubadilisha maadili haya, hakikisha kuwa jumla yao ni sawa na au chini ya 100%, vinginevyo kivinjari kitaweka safu moja chini ya nyingine.

Ikiwa moja ya nguzo imebadilishwa chini ya nyingine: jinsi ya kurekebisha

Ikiwa unaona kwamba moja ya safu zinafaa chini ya nyingine badala ya upande kwa upande, hii ina maana kwamba upana wa jumla wa safu zote mbili ni zaidi ya 100% ya upana wa dirisha la kivinjari.

Hili linaweza kutokea hata ukitumia maadili yangu ya "20%" na "80%". Kwa mfano, ukiongeza pambizo, mipaka, na pedi kwenye safu wima moja au zote mbili. Upana wa safu wima hizi pia utaongezeka, na kusababisha jumla kuzidi 100%.

Utangamano wa kivinjari na sheria za mpangilio unamaanisha njia mbili za kutatua tatizo hili:

• Punguza upana wa safu hadi kivinjari kionyeshe jinsi unavyotaka. Lakini kumbuka kwamba maslahi ni kitengo cha jamaa vipimo. Imefungwa kwa upana wa dirisha la kivinjari cha mtumiaji. Kwa hivyo ikiwa ulijaribu mpangilio kwenye mfumo wako na ukagundua kuwa kuongeza px 10 kwa padding-kushoto kwa moja ya safu wima na kupunguza upana kwa 1% kulifanya kazi vizuri, basi huwezi kuhitimisha kuwa 1% = 10 px. Kwa maneno mengine, 1% ya saizi 1024 ni tofauti na 1% ya saizi 1920, na kadhalika. Hakikisha unazingatia tofauti katika upana wa dirisha katika vivinjari vingine na diagonal za skrini;
• Suluhisho ninalopendelea ni kuunda DIV iliyowekwa ndani ya vizuizi vya "#navbar" na "#content", na kuweka pedi zote, pembezoni, mipaka, na yaliyomo ndani yake. Kwa hivyo, kwa vitalu vya nje unaweza kuondoka 20% ya zamani na 80% bila wasiwasi juu ya marekebisho ya kando, padding, nk.

Kwa mfano, katika tovuti ya demo na safu wima mbili Nambari ifuatayo ya HTML inatumiwa kuunda kizuizi cha DIV kilichowekwa:

Kwa wale walioandikwa hapo awali Mitindo ya CSS ongeza sifa zifuatazo za "#innercontent" na "#innernavbar":

#maudhui ya ndani ( padding-kushoto: 10px ; padding-right: 10px ; ) #innernavbar ( padding-left: 5px ; padding-right: 5px ; )

CSS ya "#content" na "#navbar" inasalia kuwa kama ilivyoelezwa katika nusu ya kwanza ya makala haya.

Kwa kuwa indentation inatumika kwa ndani zuia DIV, vipimo vya vitalu vya nje vinabakia sawa, na tunadumisha mpangilio wa safu mbili.

Jinsi ya kuongeza kichwa cha tovuti na kijachini ambacho kinachukua safu wima zote mbili

Baadhi ya tovuti zina kichwa kinachochukua upana wa safu wima zote mbili. Kulingana na sheria zilizopo za mpangilio wa tovuti, unaweza kuweka nembo, kichwa cha tovuti, au hata mabango ya matangazo. Baadhi ya nyenzo pia zina kijachini ambacho kinachukua safu wima zote mbili. Zaidi ya hayo, kijachini kinaweza kutumika kwa vipengee kama vile notisi za hakimiliki.

Ili kuunda kijajuu na kijachini kwa kutumia mpangilio wa safu wima mbili, badilisha msimbo wa HTML na uongeze mbili vitalu vya ziada DIV:

Ongeza msimbo ufuatao wa CSS kwenye laha yako ya mtindo iliyopo. Weka baada ya mitindo iliyowekwa hapo awali:

#footer ( wazi: zote mbili; )

Ikiwa ungependa maandishi ya kichwa yawe katikati, ongeza msimbo ufuatao. Vinginevyo, hakuna haja ya kuweka mtindo wa kichwa kando:

#kichwa ( panga maandishi: katikati ; )

Sifa sawa inaweza kuongezwa kwa kijachini ili maandishi ndani yake yawe katikati.

Nambari iliyo hapo juu inaweza kuonekana katika hatua tovuti ya onyesho yenye kichwa, kijachini na safu wima mbili.

Hitimisho

Kwa kutumia msimbo wa CSS ulio hapo juu, unaweza kuunda tovuti za safu wima mbili wewe mwenyewe.

Tafsiri ya kifungu " Jinsi ya Kutengeneza Mpangilio wa Safu Mbili kwa Tovuti Yako Kwa Kutumia CSS"iliandaliwa na timu ya mradi wa kirafiki.

Katika muendelezo wa mada yangu Mpya katika CSS3: safu wima nyingi, kisanduku chenye kubadilika, mpangilio wa gridi ya taifa, ninakupa tafsiri ya makala kutoka zaidi. kupiga mbizi kwa kina ndani ya mali ya safu nyingi na mifano rahisi na wazi.

Magazeti na majarida pia yamethibitisha kwa vitendo kwamba maandishi yaliyogawanywa katika safu kadhaa ni rahisi sana kujua. Kwenye kurasa za wavuti, hadi hivi majuzi, kuonyesha yaliyomo kwa njia hii ilikuwa shida, hadi wakati mbuni wa mpangilio aligawa maandishi katika div kadhaa.Lakini kila kitu kinaweza kuwa rahisi zaidi na Moduli ya safu wima nyingi ya CSS3.

Kuunda maudhui ya safu wima nyingi

Kwa kutumia HTML5 tag makala:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc libero magna, venenatis quis aliquet et, rutrum in ague. Donec vel tempor dolor. Donec volutpat fringilla porta. Suspendisse non nulla tortor. Quisque commodo ornare mi, sit amet aliquet justo bibendum non. Integer bibendum convallis sapien, sit amet tincidunt orci placerat in. Integer vitae consequat augue. //na kadhalika.

Tunagawanya maandishi katika safu mbili:

Kifungu ( -webkit-column-count:2; -moz-column-count:2; column-count:2; )

Kutumia mali upana wa safu Unaweza kuweka safu wima kwa upana unaohitajika:

Kifungu ( -moz-column-width: 150px; -webkit-column-upana: 150px; upana-safu: 150px; )

Nafasi ya safu wima

Muda umebainishwa na mali safu-pengo katika px au em, na haiwezi kuwa hasi:

Kifungu ( -webkit-column-pengo: 30px; -moz-column-gap: 30px; column-pengo: 30px; )

Kitenganishi cha safu wima

Mali safu- kanuni hukuruhusu kuongeza kitenganishi kati ya nguzo, kanuni ya operesheni ni sawa na mpaka.

Kifungu ( -moz-column-rule: 1px dotted #ccc; -webkit-column-rule: 1px dotted #ccc; column-rule: 1px dotted #ccc; )

Kuunganisha Safu

Mali safu-span inafanya kazi sawa na colspan V meza, kuchanganya nguzo zinazohitajika.

Kifungu h1 ( -webkit-column-span: all; column-span:all; )

Mstari wa chini

Shukrani kwa Moduli ya Safu Wingi ya CSS3, unaweza kugawanya maandishi kwa haraka na kwa urahisi katika safu wima zinazosomeka. Orodha ya vivinjari vinavyotumika tayari inatosha kujaribu utendaji wa safu wima nyingi kwenye miradi inayofanya kazi. Kwa vivinjari vilivyopitwa na wakati unaweza kutumia maalum