Zmiana odległości między słowami w tekstach stron internetowych nie jest tak banalna, jak mogłoby się wydawać. Dwie, trzy lub więcej kolejnych spacji między sąsiednimi słowami, zgodnie ze standardami HTML, w żaden sposób nie wpłynie na odległość między nimi - przeglądarka wyświetli je jako pojedynczą spację. Ale oczywiście istnieją narzędzia do rozwiązania tego problemu.
Instrukcje
Krok 1
Jedną z opcji jest użycie specjalnego znaku HTML o nazwie non-breakable-space. Jest wyświetlany w taki sam sposób, jak zwykła spacja, a osobliwością jest to, że jeśli dwa słowa są oddzielone taką specjalną spacją, przeglądarka uzna, że jest to jedno połączone słowo, którego nie można oddzielić. Dzięki tej funkcji przeglądarka nie będzie ingerować w wyświetlanie kilku takich spacji pod rząd, tj. nie zastąpi wielu spacji jednym. Ten znak specjalny jest oznaczony następującym zestawem znaków: „& nbsr;” (bez cytatów). W kodzie źródłowym dokumentu akapit tekstu ze słowami oddzielonymi takimi znakami specjalnymi może wyglądać tak:
To jest przykładowy&nbsr;akapit&nbsr;tekst&nbsr;.
Tutaj odległość między pierwszym a drugim słowem będzie normalna, między drugim a trzecim - podwojona, a między trzecim a czwartym - potrojona.
Krok 2
Znacznie częściej stosowana jest kontrola odstępów między słowami przy użyciu języka opisu stylu (CSS). W języku CSS odpowiednia definicja może wyglądać tak: odstępy między wyrazami: 15px, Oto rozmiar odstępu między sąsiadującymi słowami w 15 pikselach. Możesz dodać atrybut stylu do prawie każdego tagu. Na przykład znacznik akapitu z tym atrybutem, który ustawia odległość 20 pikseli między wszystkimi słowami w akapicie, może wyglądać tak:
Akapit tekstu ze zwiększonymi odstępami między słowami
Krok 3
Zazwyczaj bloki stylów są umieszczane w nagłówku dokumentu lub w osobnych plikach. W takim bloku możesz ustawić kilka wartości odległości między słowami i spakować je w różne klasy, a w treści dokumentu wskazać w tagach linki do odpowiednich klas. Na przykład opis klasy o nazwie dblSpace może wyglądać tak:
.dblSpace {odstępy między wyrazami: 20px}
A tag akapitu z linkiem do tej klasy w treści dokumentu będzie wyglądał na przykład tak:
Akapit z dużymi odstępami między wyrazami
