Ha a szerzői web oldalak, programozás, HTML, talán már észrevetted, hogy nem számít, hány terek fel a szavak között, vagy szöveges elemek kapnak összeomlott, hogy egy tér, amikor a renderelés az oldal.
szöveg vagy mondatok írásakor a legtöbb szövegfeldolgozó szoftverben többször is elérheti a szóközt, és több szóközt adhat hozzá, ahol csak akarja., A használt HTML-szerkesztőtől függően előfordulhat, hogy a szerkesztőben is megteheti, de amint az oldal egy webböngészőben megjelenik, ezek a terek eltűnnek.
Ez nagyon zavaró lehet az új felhasználók és a kezdő programozók számára. Megnézi a forráskódot, és látja a több szóközt, de valahogy a weboldal nem rendelkezik vele. Ennek oka a HTML specifikáció működése, valamint a renderelő motorok programozása. De minden nem vész el….,
szóközök szavak vagy karakterek között szöveges elemekben
több szóköz beszúrásához tudnia kell a kiterjesztett HTML karakterről: vagy a nem törő szóköz karakter. Használhatja ezeket, hogy adjunk egy extra helyet szinte bárhol tetszik. Nézzünk egy példát:
<p>this is a short sentence with extra spaces between text</p>
A fenti példa jelenik meg, vagy teszi a böngésző, mint:
ez egy rövid mondat extra szóközök szöveg
használhatja ezt között olyan elemeket, illetve bármilyen HTML-tag., Itt használtuk a <p> vagy bekezdéscímkét, de használhatja div vagy span is. Ez hasznos a szavak és karakterek közötti vízszintes terek hozzáadásához. Ha a szavak vagy mondatok közötti függőleges tér hozzáadására gondol, akkor az úgynevezett vonalmagasság és vonalmagasság teljesen más módon testreszabható.,
a css használata a szóköz hozzáadásához
a fenti módszer a nem törő tér karakter használatára valószínűleg a legrugalmasabb megközelítés, mivel lehetővé teszi, hogy véletlenszerűen helyezze be a szóközöket, ahol szeretné őket. Ez mind jó és jó, ha csak hozzá néhány helyet itt-ott. De ha következetesen extra szóközöket szeretne hozzáadni a teljes szövegelem minden szava között, akkor elég nehézkessé válhat.
tehát ehhez a módszerhez hozzá kell adnia a nem törő szóköz karaktert a szöveg minden egyes szava között., A másik lehetőség a CSS tulajdonság használata a szóközökhöz. A CSS tulajdonság neve szóköz és használható bármilyen HTML tag, amely megjeleníti a szöveget. <p style=”word-spacing: 40px”>this is a sample sentence with extra wide word spacing between text</p>
A fenti kód lehetővé teszi majd, mint:
ez egy minta mondat extra széles word-spacing
terek bekezdések között, vagy más szöveges elemek a oldal
Bár ez egy rossz módja annak, hogy ezt elérje, felveheti a non-breaking space ( ) hozzá terek bekezdések között is. Ennek jobb módja egy lépcsőzetes stíluslap vagy a stíluscímke használata.,
tehát a két bekezdés közötti tér hozzáadásának első módja egy új üres bekezdés hozzáadása közöttük. Ezt úgy érheti el, hogy a P címkékben lévő nem törő szóköz karaktereket használja.
<p>first paragraph here</p>
<p> </p>
<p>second paragraph</p>
annyi ilyen” extra ” bekezdést adhat hozzá, amennyire szüksége van szóköz hozzáadása a bekezdések között. Egy kicsit jobb lehetőség a sortörési címke használata HTML-ben, amely a <br> címke.,
<p>first para</p>
<br/><br/>
<p>second para</p>
annyi br-címkét adhat hozzá, amennyit függőleges helyet szeretne hozzáadni a szöveg vagy a vizuális blokkok között a HTML-ben. A legjobb módja a stíluscímke vagy CSS használata, valamint az elem margójának vagy párnázásának beállítása. Hogyan kell ezt megtenni, valószínűleg túlmutat ezen a poszton …