white-space - Český CSS 3 manuál

HTML a CSS Manuál Text a písmo white-space - Český CSS 3 manuál

Pomocí CSS 3 vlastnosti white-space nastavujeme chování mezer v textu. Můžeme docílit toho, aby se ponechávalo několik mezer vedle sebe nebo aby se text podle nich nezalamoval. Dále ovlivníme i zalamování řádků.

Hodnoty

  • normal (výchozí) - Více mezer zasebou se nahradí jedinou mezerou. Text se zalamuje pouze když je to potřeba a konce řádků jsou ignorovány.
  • nowrap - Více mezer zasebou se nahradí jedinou mezerou. Text se zalomí pouze explicitně značkou <br />.
  • pre - Text se zobrazí přesně tak, jak je zapsán (chová se jako tag <pre>).
  • pre-line - Více mezer zasebou se nahradí jedinou mezerou. Text se zalomí podle zalomení v původním textu a také když je to potřeba.
  • pre-wrap - Text se zobrazí tak, jak je zapsán. Zalomí se podle zalomení v původním textu a také když je to potřeba.
  • inherit - Zdědí vlastnost white-space z rodičovského elementu.

Ukázka

<!DOCTYPE html>
<html>
        <head>
                <style>
                p
                {
                        white-space: pre-wrap;
                        width: 300px;
                        border: 1px solid blue;
                }
                </style>
        </head>
        <body>
                <p>Tento text obsahuje více   m  e  z  e  r
a odřádkování, zobrazí se tak,    j  a   k je zde zapsán, pouze se
za l    o m    í, pokud je to potřeba u dlouhého řádku.</p>
        </body>
</html>

Výsledek:

Ukázka ostylování mezer v textu v CSS

 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Text a písmo - CSS vlastnosti

 

 

Komentáře

Avatar
valgard
Člen
Avatar
valgard:

Zdravím. Potrebujem upraviť text, aby vyzeral takto:
prvá položka: 1
druhá položka: 2
tretia položka: 3
Ale aby boli tie položky zarovnané z jednej strany podľa názvu a z druhej strany podľa hodnoty, nezávisle na počtu medzier.

Skúšal som to podľa všetkých hodnot u tejto vlastnosti, ale ani jedna nerobí to čo chcem. Napadlo ma ešte to urobiť cez tabuľku, ak to nepojde jednoduchou úpravou textu (nastavením nejakej vlastnosti).

Editováno 11.12.2012 13:10
 
Odpovědět 11.12.2012 13:09
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na valgard
David Čápka:

To je úloha pro tabulku.

Odpovědět 11.12.2012 13:10
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
valgard
Člen
Avatar
Odpovídá na David Čápka
valgard:

Díky za rýchlu odpoveď, som to nestihol ani editovať :).

 
Odpovědět 11.12.2012 13:11
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.