​Kako napraviti tekst u dva stupca u Wordu, a također izbrisati prazne stranice. Ispravan način za izradu teksta u dva stupca u Wordu. Tekst u dva stupca iz WordPress uređivača

  • Format(Format) i odaberite naredbu Stupci
  • Umetnuti(Umetni) i odaberite naredbu Gap
  • Provjerite opciju novi stupac (prijelom stupca) i pritisnite U REDU.

Uređivač teksta u Wordu omogućuje formatiranje teksta u većini na različite načine. Najnovije verzije ovaj program je toliko prerastao razne funkcije, da sada praktički ne postoji ništa što ovaj uređivač teksta ne može učiniti. U ovom članku ćemo govoriti o tome kako napraviti tekst u dva stupca u Wordu.

Ispravan način za izradu teksta u dva stupca u Wordu

Da biste u Wordu napravili tekst u dva stupca, morate otići na karticu "Izgled stranice" i kliknuti na gumb "Stupci". Nakon toga pojavit će se padajući izbornik u kojem možete odabrati broj stupaca koje želite postaviti na ovu stranicu.

U ovom padajućem izborniku dostupne su sljedeće opcije:

  • jedan - jedan stupac, normalan format stranice u Wordu;
  • dva – dva ista stupca, stranica s dva stupca;
  • tri – tri ista stupca, stranica s tri stupca;
  • lijevo – usko dodatni stupac na lijevoj strani stranice;
  • s desne strane - uski dodatni stupac na desnoj strani stranice;

Osim toga, u padajućem izborniku nalazi se stavka "Ostali stupci". Otvara se ova stavka dodatni prozor, u kojem možete podesiti širinu stupaca i razmak između njih.

Također možete postaviti veličinu stupaca pomoću ravnala iznad stranice.

Pogrešan način pravljenja teksta u dva stupca u Wordu

Druga metoda stvaranja stupaca u Wordu može se smatrati netočnom, ali često je prikladnija. Za ovu metodu koriste se stolovi s nevidljivim okvirima. Idite na karticu "Umetni" i pomoću gumba "Tablica" izradite tablicu s dva stupca.

Nakon što je tablica kreirana, postavite kursor unutar tablice i idite na karticu “Rad sa tablicama - Dizajn”. Ovdje morate promijeniti vrstu linije koja se koristi za crtanje granica tablice. Da biste to učinili, otvorite padajući izbornik i odaberite "Bez obruba".

Ova linija je vidljiva prilikom uređivanja dokumenta, ali se ne prikazuje prilikom ispisa.

Kako napraviti tekst u dva stupca u Wordu 2003

Ako koristite Word 2003, onda da biste napravili tekst u dva stupca morate otvoriti izbornik "Format - Stupci". Nakon toga pojavit će se prozor "Stupci".

U ovom prozoru morate odabrati broj stupaca i kliknuti na gumb "OK". Ako je potrebno, možete prilagoditi širinu stupaca, razmake između njih i druge parametre.

Koliko vas je radilo sa stupcima u Wordu? Vjerojatno ste primijetili da se tekst može pojaviti u drugom stupcu tek nakon što je prvi stupac pun teksta.

Međutim, postoji način stavljanja teksta u drugi stupac čak i ako u prvom stupcu uopće nema teksta.

  • Stvoriti novi dokument i umetnite broj stupaca koji vam je potreban ((Idite na izbornik Format(Format) i odaberite naredbu Stupci(Stupci)))). Radi jednostavnosti, napravit ćemo dva stupca.
  • Za prelazak na drugi stupac idite na izbornik Umetnuti(Umetni) i odaberite naredbu Gap(Pauza). Otvorit će se istoimeni dijaloški okvir, kao na slici ispod:
  • Provjerite opciju novi stupac(prijelom stupca) i pritisnite U REDU.

To je to, kursor će se pomaknuti na početnu poziciju za unos teksta u drugi stupac.

Također članci o radu sa stupcima u Wordu:

  • Kako spojiti tekst iz nekoliko stupaca u Wordu?
  • Kako izbrisati stupce u Wordu?

U Wordu je moguće postaviti tekst u nekoliko stupaca na jednom listu, a zatim ćemo pogledati kako napraviti stupce u Wordu. Jasan primjer takvog dizajna teksta obično su novine i razni časopisi.

Možete konfigurirati položaj teksta u Wordu u nekoliko stupaca prije nego što počnete tipkati ili podijeliti već upisani tekst u stupce. Za izradu stupaca potrebno je otići na karticu “Izgled stranice” iu izborniku “Stupci” odabrati jednu od predloženih opcija za postavljanje stupaca ili odabrati opciju “Ostali stupci” za samokonfiguracija njihove količine.

U prozoru postavki "Stupci" koji se pojavi možete napraviti fino ugađanje svaki stvoreni stupac, označavajući njegovu širinu, udaljenost između susjednih stupaca i, ako je potrebno, postavljanje razdjelne crte. Ove se postavke mogu primijeniti na cijeli dokument, na kraj dokumenta ili na odabrani tekst.

Nakon što se stupci stvore, tekst će se pomaknuti u sljedeći kako se jedan stupac popunjava. Ako trebate prijeći na sljedeći bez potpunog popunjavanja jednog stupca, trebali biste postaviti prijelom stupca prije teksta koji bi trebao ići u sljedeći stupac. To se radi na kartici "Izgled stranice" u izborniku "Prijelomi" odabirom stavke "Stupac".

Microsoft Word obrazovanje

Dobar dan.

Gdje kliknuti?

Više o postavkama

Nijanse

To je to.

doviđenja doviđenja.

Dobar dan.

U ovom kratkom članku naučit ću vas kako napraviti tekst u Wordu u dva ili više stupaca. Vrlo je jednostavno: potrebno vam je samo nekoliko klikova mišem da razbijete gotov dokument na dijelove, njegov zaseban fragment ili stvorite novi koristeći ovaj princip.

Gdje kliknuti?

Da biste podijelili samo dio teksta, prvo ga morate odabrati. Ako ste pisali kontinuirano, a zatim ste se odlučili prebaciti na stupce ili ćete s njima kreirati novi dokument, tada trebate ostaviti kursor na mjestu gdje bi trebali početi.

  • U gornjem Word izbornik prijeđite na karticu "Izgled stranice".
  • U polju s parametrima kliknite opciju "Stupci".

  • Pojavit će se popis u kojem možete ili odmah odabrati željenu količinu ili kliknuti na opciju “Ostali stupci” za finije postavke.

Više o postavkama

Da biste sve detaljnije konfigurirali, kliknite na "Ostali stupci".

Otvorit će se mali prozor gdje je sve u osnovi jasno:

  • U gornjem polju "Vrsta" odaberite format i broj stupaca ili svoj broj možete postaviti ispod.
  • Zatim je tu područje "Širina i razmak" gdje možete prilagoditi izgled svaki stupac posebno.
  • Uzorak je prikazan s desne strane: kako će tekst izgledati s vašim postavkama.
  • U samom donjem polju “Primijeni” određujete koji će dio dokumenta biti podijeljen u stupce.

Nijanse

Kako bi vaš tekst na kraju izgledao lijepo, na kraju ću vam reći nekoliko stvari:

  • Tijekom procesa tipkanja, premjestit će se u drugi stupac tek nakon što je prvi potpuno popunjen. Trebate li ga napisati nepotpuno? Ako je tako, na istoj kartici i području kao u prvoj uputi kliknite značajku Prijelomi i odaberite opciju Stupac.

  • Je li tekst netočno podijeljen u dva ili više stupaca? Ako postoje razmaci između riječi, možete podesiti veličinu fonta (za desetinke) ili veličinu uvlaka laganim povlačenjem klizača na ravnalu na vrhu (iskače kada zadržite kursor).
  • Za odvajanje stupaca okomitom linijom, Word nam u prozoru s postavkama nudi stavku "Razdjelnik" koja mora biti označena.

  • Je li naslov u skladu sa stupcima? Moraš to odnijeti gore. To se radi jednostavno: odaberite samo njega i u postavkama postavite broj stupaca na "Jedan".
  • Usput, trebate učiniti isto sa svim tekstom ako se želite vratiti na izvorno pisanje cijele stranice.

  • Napravili ste stupce u sredini teksta i nisu baš na istoj razini? Recimo da je druga ispala malo viša. To znači da trebate postaviti kursor ispred njega i pritisnuti Enter. Općenito, možete prilagoditi svaki stupac zasebno kako želite.

To je to.

Dođite k meni opet da se jednako lako i brzo pozabavim drugim pitanjima o računalnim temama.

Prvo morate razumjeti kako bi tekst trebao izgledati, možete unijeti tekst na početku ili odabrati drugu metodu kada tekst još nije unesen. Ako je tekst prisutan, bit će puno lakše razumjeti kako sve to izgleda.

Kako napraviti 2 stupca u Wordu?

Način nakon pisanja teksta:

  1. Treba pogledati gornja ploča, pronađite klizač za podešavanje margine. Tu su ispisani brojevi i linije između njih, a sa strane će biti figure, poput šupljih strelica.
  2. Idite na karticu "Izgled stranice".
  3. Kliknite lijevom tipkom miša na funkciju pod nazivom "Stupci". Bit će mnogo opcija, pa ako trebate više od dva stupca ili drugačiji prikaz, sami odaberite postavke.
  4. Odaberite opciju "Dva".
  5. Gledamo klizače ravnala.

Ne izgleda baš lijepo, razmak između riječi je odvratan, naslov se može potpuno pomaknuti na drugo mjesto.

Kada trebate određeni dio gotovog teksta podijeliti u stupce, prvo odaberite taj dio teksta i odaberite prava opcija kvarovi. Ponavljamo gore opisane korake.

Sada poradimo na ovom tekstu.

  1. Idite na funkciju "Stupci", odaberite "Dva". Prvi redak lijevog stupca bio je niži od prvog retka desnog stupca.
  2. Postavite kursor na početak prvog retka desnog stupca.
  3. Pritisnite Enter ili Enter.

Ako želite promijeniti isprekidani tekst, možete promijeniti veličinu fonta. Ne zaboravite da funkcija "Stupci" sadrži dodatna stavka pod nazivom "Ostali stupci".

Kako napraviti 2 stupca teksta u Wordu u skladu sa standardom ispisa?

Morate prihvatiti oblikovanje teksta pomoću opcije Stupci. Ovako možete promijeniti format u Wordu.

Ne zaboravite na mogućnost promjene margina i razmaka između stupaca. Uz pomoć dodatnih manipulacija postići ćemo bolju čitljivost.

  1. Promjena veličine u kartici "Početna". Nalazimo oko pet prozora sa slovima ("Uređivanje") i vidimo stavku "Odaberi" pored njega, odaberite sve.
  2. Sav tekst sada čeka na prihvaćanje promjena.
  3. U gornji izbornik odaberite veličinu teksta, prema zadanim postavkama je 12 ili 14. Trebat će nam vrijednosti od 11,3 do 11,8.
  4. Kliknite Enter, veliki gumb između slova "E" i broja "Četiri", ako imate NumPad.

Po želji mijenjamo intervale prema vlastitom nahođenju.

A sad prijeđimo na naslov. Trebao bi se uzdizati iznad teksta. Da biste to učinili, pogledajte opciju "Stupci", opciju "Jedno". Međutim, naslov je postao manji, zatim ga odaberite i vratite mu font na željenu veličinu.

Mogućnost stvaranja stupaca pomoću tablice

Metoda nije sasvim točna, ali se može koristiti za stvaranje izgleda raščlambe teksta.

  1. Umetni karticu.
  2. Pronađite stavku "Tablica".
  3. Idite na "Dizajner" i "Rad sa tablicama".
  4. Korištenje olovke "Draw Table".

Ako želite, uklonite ili ostavite granice.

Razlike između verzija

Postalo je jasno kako napraviti 2 stupca u Wordu, ali koje su razlike u opciji koja je povezana sa stvaranjem i dijeljenjem teksta u stupce u različitim Microsoftove verzije Word 2007 i 2003, kao i najnoviji?

Microsoft Word 2003 malo je drugačiji. Nedostaje samo sučelje programa i kartica “Page Layout”, umjesto toga pored opcije za kreiranje tablica i promjenu položaja teksta postoje gumbi za dijeljenje teksta na dva ili više. komponente. Također možete konfigurirati vrstu stupca.

Kako napraviti 2 stupca u Wordu? Verzija 2007. Postoje razlike u odnosu na verziju iz 2003. u sljedećim elementima:

  1. Kartica Izgled stranice.
  2. Sam izgled primjera stupca i programsko sučelje su različiti.

U svim verzijama preporučljivo je označiti kućicu "Razdjelnik" na kartici "Stupci" tako da između stupaca postoji linija.

U novim verzijama sve navedeno se nalazi u kartici "Izgled".

Iz ovog priručnika naučit ćete kako koristiti zvučnike u tekstualni dokumenti, kako poravnati tekst u stupcima i promijeniti udaljenost između njih, kako dodati prekide između stupaca.

Zašto koristiti zvučnike

Najčešće se element stupca koristi u novinama, časopisima, brošurama i letcima. Konkretno, za tiskanu publikaciju, format sa stupcima izgleda privlačnije i profesionalnije.

Možete stvoriti jedan, dva ili tri stupca iste veličine. Zatim, dok upisujete, automatski ćete prijeći na sljedeći stupac kada prethodni završi, osim ako ručno ne umetnete kraj stupca. Možete postaviti širinu stupaca i koristiti uobičajeno oblikovanje koje se koristi u običnim tekstualnim dokumentima.

Online tečaj "Riječ od jednostavnog do složenog" Savladajte osnove uređivač teksta na visoka razina. Nije važno jeste li početnik ili već radite s Wordom, uz naš tečaj postat ćete pravi guru dokumenata!

Dodavanje stupaca

  • Odaberite tekst koji želite pretvoriti u stupce.
  • Na izborniku vrpce odaberite karticu "Izgled", odjeljak "Opcije stranice".
  • Kliknite na gumb "Stupci".
  • S padajućeg popisa odaberite željeni broj stupaca (na primjer, tri).

Imajte na umu da ako prvo ne odaberete specifično područje tekst koji želite pretvoriti u stupce, tada se sav tekst nakon pokazivača pretvara u stupce.

Oblikovanje stupaca

Kada su stupci stvoreni, prema zadanim postavkama imaju poravnanje slično onom teksta. I često je to lijevo poravnato. Ovo nije za zvučnike najbolja opcija, pa je bolje oblikovati po širini.

  • Istaknimo naše kolumne.
  • "Dom", odjeljak "Odlomak".
  • Kliknite na ikonu "Poravnaj prema širini" ( slično djelovanje može se postići pritiskom kombinacije Tipke Ctrl+ J).

Tekst je ravnomjerno raspoređen unutar stupaca. I udaljenosti između stupaca postale su jasnije. Ove vrijednosti se mogu mijenjati.

  • Postavite pokazivač bilo gdje unutar stupaca koje želite oblikovati.
  • Na izborniku vrpce odaberite karticu "Izgled", regija "Opcije stranice".
  • Kliknite na gumb "Stupci" a zatim odaberite "Ostali stupci". Otvara se dijaloški okvir Stupci.
  • Unesite vrijednosti za širinu stupaca i razmak između njih. Na primjer, unesite 0,2 kao razmak kako biste smanjili udaljenosti.
  • Pritisnite OK i procijenite promjene. Ako je potrebno, ponovite putanju i promijenite vrijednosti.


Ako želite postaviti stupce različitih širina, to se radi u istom dijaloškom okviru "Stupci". Da biste svakom stupcu postavili pojedinačnu širinu, prvo morate poništiti potvrdni okvir "Stupci jednake širine". Nakon toga, vrijednosti širine i razmaka za svaki stupac postat će dostupne za uređivanje.

Ako su vam u načelu potrebna samo dva stupca - jedan deblji, drugi tanji, onda kada kreirate stupce putem gumba "Stupci", jednostavno odaberite vrijednost "Lijevo" ili "Desno", ovisno o tome gdje bi se trebao nalaziti manji stupac .

Umetanje prijeloma stupca

  • Pritisnite područje u koje želite umetnuti prijelom stupca. Odnosno, s mjesta gdje bi se tekst trebao pomaknuti na početak sljedećeg stupca.
  • Odaberite karticu s izbornika vrpce "Izgled"– regija "Opcije stranice".
  • Pritisnite tipku "Pauze", iz padajućeg izbornika odaberite "kolona". Tekst iza pokazivača trebao bi se pojaviti u sljedećem stupcu.

U ovom ćemo članku pogledati korak po korak pravila izgleda stranice s dva stupca. Kôd koji smo dostavili omogućit će vam dodavanje zaglavlja i podnožja koji se protežu kroz ova dva stupca.

Uvod

Da biste izvršili zadatke u ovom članku, morate imati vještine kodiranja u HTML-u i CSS-u. Ako to nije slučaj, bolje je koristiti vizualni uređivač.

Imajte na umu da ne morate biti stručnjak za HTML ili CSS. Samo trebaš imati osnovno znanje ove tehnologije, inače vam ovaj članak neće biti jasan.

Korištenje svojstva float za stvaranje dva stupca

Postoje mnoge metode koristeći CSS za izradu stranice s dva stupca. U ovaj priručnik upotrijebit ćemo svojstvo float da pomaknemo jedan stupac na drugu stranu. Na mnogo načina ova je metoda jednostavnija i fleksibilnija od apsolutno pozicioniranje elementi. Također vam omogućuje da dodate izborno zaglavlje i podnožje koje obuhvaća ova dva stupca.

Ja osobno nisam koristio ovu metodu, jer je izgled mog resursa nastao kada sam tek napravio prve korake u razvoju CSS-a i nisam znao ništa o osnovnim pravilima izgleda. Ali ne brini. Napravio sam nekoliko demo stranica koristeći ovaj format koji možete vidjeti kasnije.

Osnovni HTML kod za stranicu s dva stupca

HTML dio koda je prilično jednostavan. Potrebna su nam samo dva diva, jedan za svaki stupac:

Sadržaj

Riječi "Navigacijski izbornik" i "Sadržaj" samo su pokazivači na bočnu navigacijsku traku i glavni sadržaj. Ove ćete riječi ukloniti kasnije kada stavite stvarni sadržaj u blokove. Div "kontejner" je blok koji sadrži dva stupca. Može se koristiti ako trebate primijeniti određene stilove na oba stupca.

CSS kod za stranicu s dva stupca

Sljedeći CSS kod koristi postotke ("%") za određivanje širine obaju stupaca. Budući da se mjere u relativnim jedinicama, proširit će se ili skupiti kako bi ispunili cijeli prozor preglednika, bez obzira koliko je širok. Na primjer, ako promijenite veličinu prozora preglednika, predložak će preurediti stupac tako da što je moguće bliže stane unutar granica prozora.

CSS kod je vrlo jednostavan:

#content (float: desno; širina: 80%;) #navbar (float: desno; širina: 20%;)

Prema pravilima izgleda web stranice, CSS kod mora biti postavljen u odjeljak stilova web stranice ili u vanjsku datoteku.

Kako gornji kod funkcionira u praksi možete vidjeti ovdje.

Kako radi: CSS kod objašnjen

Pravilo "float: right" određuje kako se DIV izvlači iz tijeka dokumenta i postavlja desno od svih ostalih elemenata koji plutaju lijevo od njega. Prvi DIV blok koji se pojavi na HTML stranici je prvi pomaknut.

U gornjem primjeru, "#content" prvo je pomaknut udesno i postavljen na 80% širine prozora preglednika. Naše sljedeće pravilo također uklanja "#navbar" iz toka dokumenta i pomiče ga udesno.

Budući da već imamo plutajući element u ovoj poziciji. Prema zadanim pravilima prilagodljivi raspored, drugi blok se postavlja lijevo od postojećeg elementa ako za njega ima dovoljno mjesta. Inače će biti postavljen ispod prvog elementa. Imajući ovo na umu, zbroj stranica oba bloka mora biti 100% ili manji, inače nećemo imati dovoljno prostora da ih postavimo jedan pored drugog.

Kako postaviti navigacijski stupac s desne strane

Gornji kod postavlja navigacijski izbornik u lijevi stupac. Ako želite da navigacijski izbornik bude s desne strane, promijenite kod na sljedeći način:

#content ( float: lijevo ; širina: 80% ; ) #navbar ( float: lijevo ; širina: 20% ; )

Ovdje možete vidjeti ovaj kod na djelu klikom na gumb za uključivanje desni stupac navigacijski izbornik.

Kako pravilno promijeniti širinu

Prema utvrđenom tehnička pravila izgleda, gornji stilovi postavljaju širinu bočnog stupca na 20% širine prozora preglednika, a širinu stupca sadržaja na 80%, što ukupno iznosi 100%.

Ako planirate promijeniti ove vrijednosti, provjerite je li njihov ukupni iznos jednak ili manji od 100%, inače će preglednik postaviti jedan stupac ispod drugog.

Ako je jedan od stupaca pomaknut ispod drugog: kako to popraviti

Ako ustanovite da jedan od stupaca stane ispod drugog umjesto jedan pored drugog, to znači da je ukupna širina oba stupca veća od 100% širine prozora preglednika.

To se može dogoditi čak i ako koristite moje vrijednosti "20%" i "80%". Na primjer, ako dodate margine, obrube i ispune jednom ili oba stupca. Širina ovih stupaca također će se povećati, uzrokujući da zbroj premaši 100%.

Kompatibilnost s više preglednika i pravila izgleda podrazumijevaju dva načina za rješavanje ovog problema:

  • Smanjujte širinu stupca dok ih preglednik ne prikaže onako kako želite. Ali zapamtite da je kamata relativna jedinica mjerenja. Vezana je za širinu prozora preglednika korisnika. Dakle, ako ste testirali izgled na svom sustavu i otkrili da je dodavanje 10 px u padding-left u jednom od stupaca i smanjenje širine za 1% dobro funkcioniralo, tada ne možete zaključiti da je 1% = 10 px. Drugim riječima, 1% od 1024 piksela razlikuje se od 1% od 1920 piksela, i tako dalje. Obavezno uzmite u obzir razlike u širinama prozora u drugim preglednicima i dijagonalama zaslona;
  • Rješenje koje mi se više sviđa jest stvoriti ugniježđeni DIV unutar blokova "#navbar" i "#content" i staviti sve ispune, margine, granice i stvarni sadržaj unutar njega. Dakle, za vanjske blokove možete ostaviti starih 20% i 80% bez brige o prilagodbama za margine, ispune itd.

Na primjer, u demo stranica s dva stupca Sljedeći HTML kod koristi se za stvaranje ugniježđenog DIV bloka:

Sadržaj

Na one ranije napisane CSS stilovi dodajte sljedeća svojstva za "#innercontent" i "#innernavbar":

#innercontent (padding-left: 10px; padding-right: 10px;) #innernavbar (padding-left: 5px; padding-desno: 5px;)

CSS za "#content" i "#navbar" ostaje isti kao što je opisano u prvoj polovici ovog članka.

Budući da je udubljenje naneseno na unutarnju blok DIV, dimenzije vanjskih blokova ostaju iste, a zadržavamo raspored u dva stupca.

Kako dodati zaglavlje i podnožje web stranice koji obuhvaćaju oba stupca

Neka web-mjesta sadrže zaglavlje koje obuhvaća širinu oba stupca. Prema postojećim pravilima izgleda stranice, možete postaviti logo, naslov stranice ili čak reklamni banneri. Neki resursi također sadrže podnožje koje obuhvaća oba stupca. Osim toga, podnožje se može koristiti za stavke kao što su obavijesti o autorskim pravima.

Da biste stvorili zaglavlje i podnožje pomoću izgleda u dva stupca, promijenite HTML kôd i dodajte dva dodatni blokovi DIV:

Sadržaj

Dodajte sljedeći CSS kod svojoj postojećoj tablici stilova. Postavite ga nakon stilova koji su ranije postavljeni:

#footer ( jasno: oboje ; )

Ako želite da tekst zaglavlja bude centriran, dodajte sljedeći kod. U suprotnom, nema potrebe posebno postavljati stil zaglavlja:

#zaglavlje ( poravnanje teksta: središte ; )

Isto svojstvo može se dodati podnožju tako da tekst u njemu bude centriran.

Gornji kôd može se vidjeti na djelu na demo stranica sa zaglavljem, podnožjem i dva stupca.

Zaključak

Pomoću gornjeg CSS koda možete sami izraditi web stranice s dva stupca.

Prijevod članka " Kako dizajnirati izgled s dva stupca za svoju web stranicu koristeći CSS“ pripremio je prijateljski projektni tim.

U nastavku moje teme Novo u CSS3: multi-column, flexbox, grid layout, nudim vam prijevod članka iz više duboko zaroniti u svojstvo više stupaca s jednostavnim i jasnim primjerima.

Novine i časopisi su u praksi dokazali da je tekst podijeljen u nekoliko stupaca mnogo lakši za percipiranje. Na web stranicama je do nedavno prikazivanje sadržaja na ovaj način bio problem, do te mjere da je dizajner rasporeda podijelio tekst u nekoliko divova, ali sve može postati puno jednostavnije s CSS3 Multi Column Module.

Stvaranje sadržaja s više stupaca

Korištenje HTML5 oznake članak:

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.

//itd.

Tekst dijelimo u dva stupca: Članak ( -webkit-column-count:2; -moz-column-count:2; column-count:2; ) Korištenje imovine

širina stupca

Stupce možete postaviti na željenu širinu:

Članak ( -moz-column-width: 150px; -webkit-column-width: 150px; column-width: 150px; ) Razmak stupaca Interval je određen svojstvom

stupac-gap

u px ili em, i ne može biti negativan:

Članak ( -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; ) Razdjelnik stupaca Vlasništvo stupac-pravilo.

omogućuje dodavanje separatora između stupaca, princip rada je sličan

granica

Članak ( -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; ) Članak ( -moz-column-rule: 1px dotted #ccc; -webkit-column-rule: 1px dotted #ccc; column-rule: 1px dotted #ccc; ) Spajanje stupaca stupac-span radi slično sa colspan V

stol

, kombinirajući tražene stupce.

Članak h1 ( -webkit-column-span: all; column-span:all; ) Zaključak Zahvaljujući CSS3 modulu s više stupaca, možete brzo i jednostavno podijeliti tekst u čitljive stupce. Popis podržanih preglednika već je dovoljan za isprobavanje funkcionalnosti s više stupaca na radnim projektima. Za