Rozdział 3.
Kontrolo wonie odstępów
Jak już powiedziałem w sekcji dotyczącej wcięć, w przeszłości przeglądarki zastępowały serię spacji jedną spacją, chyba że został użyty znacznik <PRE>. Kaskadowe arkusze stylów pozwalają na wyłączanie lub włączanie takiego kompresowania spacji, jak również na zdecydowanie, czy tekst może być łamany na spacjach (podobnie jak znacznik HTML-owy <NOBR>).
1. P{
2. white-space:
Podaj nazwę właściwości i dwukropek.
3. pre
Podaj jedną z poniższych wartości,
określających w jaki sposób będą
obsługiwane odstępy w tekście:
• pre, umożliwia stosowanie wielu spacji;
• nowrap, uniemożliwia łamanie linii bez
podania odpowiedniego znacznika;
• normal, pozwala na określenie sposobu obsługi odstępów przez przeglądarkę. Zazwyczaj spowoduje to, że seria kilku spacji zostanie zastąpiona jedną.
Zakończ definicję.
■ Właściwość white-space nie jest dostępna w Internet Explorerze.
■ Tekst umieszczony w znaczniku, w którym właściwości white-space została przypisana wartość nowrap, będzie umieszczany
w jednej poziomej linii, która niezależnie od szerokości okna przeglądarki będzie miała taką długość, aby cały podany tekst mógł się w niej zmieścić. W takim przypadku użytkownik może zostać zmuszony do przewinięcia zawartości strony w poziomie, co nie jest łubiane.
Listing 3.8. Akapity zachowają wszystkie spacje podane w kodzie HTML-owym, jednak w klasie kompresuj seria spacji zostanie zamieniona na jedną spacją
<html>
<head>
<meta http-eqaiv“”Content-Type"
-►contenl: "text/html; charset- ISO-8859-2"> <title>Listing 3.8</ritie>
<style type=“"tęxt/css">
? { white-space: pre; }
.kompresuj { white-space: normal; } </styie>
</head>
cbody bgcoior="#FFFFFF">
<p>M O JE ONUCE. OD KOK U JO Ź </p>
<P class=Mkompresuj">NI E Z MIEŃ
EW Iń W
<P>(Uwielbiam rybki) <IMG
SRCł"../images/rekin.gif" WIDTH'”200" HBIGHT*" 131 Ux/P>
</body>
fly.miA' .18. Nawł lysutiA sósłał posunięty
■ W Netscape Navigatorze nie można korzystać z wartości nowrap właściwości white-space.