Kun kirjoittaminen web-sivuja ja ohjelmointi HTML, olet ehkä huomannut, että ei ole väliä kuinka monta ruutua voit laittaa välillä sanoja tai tekstiä elementtejä, he saavat romahti yhtenäistä tilaa, kun tekee sivu.
Kun kirjoitat tekstiä tai lauseita useimmissa tekstinkäsittely-ohjelmisto, voit lyödä välilyöntiä useita kertoja, ja lisää useita tiloja, missä haluat., Riippuen HTML-editori käytät, saatat pystyä tekemään sen editori, mutta heti kun sivu tekee web-selain, nämä tilat katoavat.
Tämä voi olla todella hämmentävää uusille käyttäjille ja aloitteleville ohjelmoijille. Katsot lähdekoodia ja näet useita välilyöntejä, mutta jotenkin verkkosivulla ei ole sitä. Tämä johtuu siitä, miten HTML-eritelmä toimii ja miten renderointimoottorit on ohjelmoitu. Mutta kaikki ei ole menetetty….,
välilyöntejä sanojen välissä, tai merkkiä tekstiä elementtejä
Voit lisätä useita välilyöntejä, sinun täytyy tietää laajennettu HTML merkki: tai non-breaking space-merkki. Voit käyttää näitä lisätä ylimääräistä tilaa lähes missä haluat. Katsotaanpa esimerkki:
<p>this is a short sentence with extra spaces between text</p>
yllä Oleva esimerkki näyttää tai tehdä web-selaimessa seuraavasti:
tämä on lyhyt lause, jossa on ylimääräisiä välilyöntejä tekstin
Voit käyttää tätä välillä kaikki elementit ja tahansa HTML-tunnisteen., Täällä olemme käyttäneet <p> tai kohta tag, mutta voit käyttää sitä sisällä div tai span samoin. Tämä on hyödyllistä lisätä vaaka välilyöntejä sanojen ja merkkien välillä. Jos olet ajatellut lisäämällä pystysuora väli sanaa tai lausetta, niin se on kutsutaan line korkeus-ja linja korkeus voidaan räätälöidä täysin eri tavoin.,
käyttämällä css voit lisätä word-spacing
edellä menetelmä käyttäen ei-breaking space-hahmo on luultavasti joustava lähestymistapa, koska se antaa sinulle mahdollisuuden satunnaisesti lisää tiloja, joissa haluat ne. Tämä on hyvä ja hyvä asia, kun sinne tänne vain lisätään tiloja. Mutta jos haluat jatkuvasti lisätä ylimääräisiä välilyöntejä jokaisen sanan koko tekstielementti niin se voi tulla melko hankala.
Niin tehdä, että tällä menetelmällä sinun täytyy lisätä non-breaking space-merkin välillä jokaisen sanan tekstissä., Toinen vaihtoehto on käyttää CSS-ominaisuutta sanaväleihin. CSS-ominaisuus on nimeltään sanaväli ja sitä voidaan käyttää millä tahansa HTML-tunnisteella, joka näyttää tekstiä.
<p style=”word-spacing: 40px”>this is a sample sentence with extra wide word spacing between text</p>
edellä Oleva koodi tulee tehdä niin:
tämä on näyte lause extra leveä sanaväliä
välilyönnit kappaleiden väliin tai muut tekstin elementit sivu
Vaikka se on huono tapa saavuttaa tämä tavoite. voit lisätä non-breaking space ( ) lisää välilyönnit kappaleiden väliin samoin. Parempi tapa olisi käyttää cascading – tyylistä lakanaa tai tyylilappua.,
Joten, ensimmäinen tapa lisätä tilaa kahden kohdat olisi lisätä uuden tyhjän kohdan välillä. Voit saavuttaa tämän käyttämällä murtumattomia avaruusmerkkejä p-tageilla.
<p>first paragraph here</p>
<p> </p>
<p>second paragraph</p>
Voit lisätä niin monta näitä ”ylimääräisiä” kappaleita kuin haluat lisäämällä tilaa kappaleiden väliin. Hieman parempi vaihtoehto on käyttää rivinvaihdon tag HTML, joka on <br> – tagin.,
<p>first para</p>
<br/><br/>
<p>second para</p>
Voit lisätä niin monta br-tagit haluat lisätä pystysuora väli teksti tai visuaalinen lohkojen HTML. Ja paras tapa on käyttää tyyli tag tai CSS ja säätää marginaali tai täyte elementin. Kuinka tehdä se on todennäköisesti tämän postauksen soveltamisalan ulkopuolella …