podczas tworzenia stron internetowych i programowania w HTML możesz zauważyć, że bez względu na to, ile spacji umieścisz między słowami lub elementami tekstowymi, zostaną one zwinięte do pojedynczej spacji podczas renderowania strony.
podczas pisania tekstu lub zdań w większości programów do przetwarzania tekstu, będziesz mógł wielokrotnie uderzać w spację i dodawać wiele spacji w dowolnym miejscu., W zależności od używanego edytora HTML możesz to zrobić również w edytorze, ale gdy tylko strona zostanie renderowana w przeglądarce internetowej, spacje te znikną.
może to być naprawdę mylące dla nowych użytkowników i początkujących programistów. Patrzysz na kod źródłowy i widzisz wiele spacji, ale jakoś Strona go nie ma. Dzieje się tak z powodu działania specyfikacji HTML i zaprogramowania silników renderujących. Ale nie wszystko stracone….,
spacje między słowami lub znakami w elementach tekstowych
aby wstawić wiele spacji, musisz wiedzieć o rozszerzonym znaku HTML: lub o niełamliwym znaku spacji. Możesz ich użyć, aby dodać dodatkową przestrzeń prawie w dowolnym miejscu. Spójrzmy na przykład:
<p>this is a short sentence with extra spaces between text</p>
powyższy przykład wyświetli się lub wyrenderuje w przeglądarce internetowej jako:
jest to krótkie zdanie z dodatkowymi spacjami między tekstem
można go używać między dowolnymi elementami i z dowolnym znacznikiem HTML., Tutaj użyliśmy < p > lub znacznika akapitu, ale możesz go użyć również w div lub span. Jest to przydatne do dodawania poziomych spacji między słowami i znakami. Jeśli myślisz o dodaniu pionowej przestrzeni między słowami lub zdaniami, to nazywa się to wysokością linii i wysokością linii można dostosować na zupełnie inne sposoby.,
używanie css do dodawania odstępów między wyrazami
powyższa metoda używania niełamliwych znaków spacji jest prawdopodobnie najbardziej elastycznym podejściem, ponieważ daje możliwość losowo wstawiania spacji tam, gdzie chcesz. To wszystko jest dobre i dobrze, gdy dodajesz tylko kilka przestrzeni tu i tam. Ale jeśli chcesz konsekwentnie dodawać dodatkowe spacje między każdym słowem w całym elemencie tekstowym, może to stać się dość uciążliwe.
aby to zrobić za pomocą tej metody, musisz dodać Nietłukący znak spacji między każdym słowem w tekście., Inną opcją jest użycie właściwości CSS dla odstępów między wyrazami. Właściwość CSS ma nazwę odstępy między wyrazami i może być używana z dowolnym znacznikiem HTML, który wyświetla tekst.
<p style=”word-spacing: 40px”>this is a sample sentence with extra wide word spacing between text</p>
powyższy kod będzie renderowany jako:
jest to przykładowe zdanie z bardzo szerokimi odstępami między wyrazami
spacjami między akapitami lub innymi elementami tekstu na stronie
chociaż jest to zły sposób, aby to osiągnąć, możesz dodać nietłukące spacje ( ), aby dodać spacje między akapitami. Lepszym sposobem na to byłoby użycie kaskadowego arkusza stylów lub znacznika stylu.,
tak więc pierwszą metodą dodawania spacji między dwoma akapitami byłoby dodanie nowego pustego akapitu między nimi. Można to osiągnąć, używając niełamliwych znaków spacji z tagami P.
<p>first paragraph here</p>
<p> </p>
<p>second paragraph</p>
możesz dodać tyle „dodatkowych” akapitów, ile potrzebujesz, dodając spację między akapitami. Nieco lepszą opcją jest użycie znacznika podziału linii w HTML, który jest znacznikiem <br>.,
<p>first para</p>
<br/><br/>
<p>second para</p>
możesz dodać tyle znaczników br, ile chcesz, aby dodać pionową spację między tekstowymi lub wizualnymi blokami w HTML. Najlepszym sposobem jest użycie znacznika stylu lub CSS i dostosowanie marginesu lub wypełnienia elementu. Jak to zrobić to chyba wykracza poza zakres tego posta …