Staðsetning á hlutum á vefsíðu er nauðsynleg fyrir heildar hönnun þess. Þó að það séu aðrar leiðir til að hafa áhrif á útlitið, svo sem að nota töflur ( sem við mælum ekki með ), þá er best að nota CSS .
Hér að neðan munum við skoða hvernig á að nota einfalda CSS stíl í línu eign til að samræma myndir, töflur, málsgreinar og fleira.
Athugaðu: Þessar sömu aðferðir geta verið notaðar á ytri stílblöð líka, en þar sem þetta á við um einstök atriði og líklega þarf að vera þannig, þá er best að nota línuleg stíl eins og það er nefnt hér að neðan.
Stilltu textaritgerðir
Málsmerkið er fyrsti staðurinn til að byrja á því að leggja fram vefsíðuna þína. Það opnar og lokar merkingar líta svona út:
Sjálfgefið röðun textans í málsgrein er vinstra megin við síðuna, en þú getur einnig samræmt málsgreinunum þínum til hægri og miðju.
Með því að nota flotareiginn er hægt að samræma málsgreinar til hægri eða vinstri á móðurhlutanum. Allir aðrir þættir innan þess foreldraþáttar munu flæða um flotinn.
Til að ná sem bestum árangri með málsgrein er best að stilla breidd á málsgreininni sem er minni en ílátið (foreldri).
Láttu textann innri málsgreinar samræma
Hugsanlega er áhugaverðasta leiðin fyrir texta textans "réttlætanlegt", sem segir vafrann að birta texta í samræmi við bæði hægri og vinstri hlið gluggans.
Til að réttlæta texta í málsgrein myndi þú nota textastilla eignina.
Þú getur einnig stillt alla texta inni í punkti til hægri eða vinstri (sjálfgefið), með því að nota textastilla eignina.
Textastilla eignin mun leiðrétta textann inni í frumefni. Tæknilega, það er ekki ætlað að samræma myndir sem eru inni í málsgreininni eða öðrum þáttum, en flestir vafrar meðhöndla myndir sem inline fyrir þessa eign.
Aligning Images
Notaðu flotareigininn á myndmerki sem þú getur skilgreint staðsetningu mynda á síðunni og hvernig textinn muni vefja um þau.
Rétt eins og framangreindar málsgreinar, mun flotastíll eignarinnar í myndatökunni staðsetja myndina þína á síðunni og segir vafranum hvernig á að flæða texta og aðra þætti í kringum þá mynd.
Texti sem fylgir myndinni hér fyrir ofan flæðir um myndina til hægri eins og myndin birtist vinstra megin við skjáinn.
Ef ég vil að textinn hætti að umbúðir í kringum myndina nota ég hreinsa eignina:
Aligning meira en málsgreinar
Hins vegar, hvað ef þú vilt aðlaga meira en aðeins málsgrein eða mynd? Þú getur einfaldlega sett stíl í hvert málsgrein, en það er merki sem þú getur notað sem er skilvirkara:
Umkringdu einfaldlega textann og myndirnar (þ.mt HTML tags ) með merkinu og stíll eignarinnar (flot eða texta-takt) og allt í þeim deild mun vera í samræmi við hvernig þú vilt.
Hafðu í huga að samræmingar bætt við málsgreinar eða myndir innan deildarinnar verða heiðraðir og yfirheyrir merkinu.