L-użu tal CSS fin-nofs: it-test u t-tabella

dinja Informazzjoni fl-elementi kollha tagħha u huwa rappreżentat mill approssimazzjoni tal-elementi, kliem u testi, jew fil-aħħar istanza formalizzati - testi u tabelli. Inti tista 'tikkunsidra oħra, diġà magħrufa, strutturi ta' dejta, kif ukoll l-istampi, imma li jirrikorru kwistjonijiet CSS u HTML f'termini ta test ifformattjar -forom oħra ta 'informazzjoni jkollhom attitudni differenti.

istruttura xierqa paġna sit jinvolvi determinazzjoni tal-pożizzjoni ta 'kull element. HTML dokument huwa dejjem - sekwenza ta 'elementi li juru li jaffettwaw direttament it-tliet regoli bażiċi:

• pożizzjonament assoluta (pożizzjoni);
• post fi fluss;
• z-indiċi.

għażliet ta 'akkomodazzjoni oħra huma wkoll importanti, jeħtieġu aktar għarfien biex isolvu l-problema ma CSS "fiċ-ċentru tat-test."

regoli centering u allinjament

regoli CSS jissupplimentaw l-att HTML, iżda mingħajr id-dritt ta 'l-aħħar jista' jlaħħaq ma 'xi għażla allinjament. L-omnipreżenza ta 'apparat mobbli u d-disinn ta' kura fid-direzzjoni ta 'sempliċità akbar u "squareness" jagħmel il-kwistjoni kurrenti centering, filwaqt li l-allinjament oħra spiss jitlef il-valur.

L-element ewlieni tal-paġna - unità deskritta ċertu stil. Ġeneralment orizzontali allinjament: test għall allinjament jistgħu jkunu qed jieħdu, kif ġara biss erba valuri (xellug, ċentru, id-dritt, jiġġustifikaw). Inti tista 'twettaq allinjament vertikali billi tikkombina l-valur tal-għoli dritt u l-linja tal-għoli:

{
għoli: 88px; // fuq dan il-proporzjon
linja tal-għoli: 88px; // css għall test Centre - Vertikali
}

Tista 'esperiment ma' regoli differenti. ; Is-sorsi sabu aċċenn dwar l-interpretazzjoni tar-regoli wiri blokk: mejda, wiri:-ċelluli mejda u vertikali allinjament: nofs; iżda mhux dejjem taħdem.

Allinjament test minn tabelli

L-istruttura data biss li kellha tinftiehem ewwel u tgħix għal dejjem - tabella. Huwa jipprovdi u l-allinjament vertikali u orizzontali, barra minn hekk, il-kwistjoni ta 'kif post test fiċ-ċentru CSS, użu ta' tabelli m'għadx għandhom tifsira kumpless.

Il-prattika eżistenti li jintużaw regoli ta CSS biex jinkiseb għan partikolari fil-markup mhux dejjem jissodisfa l-kunċett ta Cascading Style Sheets. Xejn ma jżomm lill-iżviluppatur biex iwettqu l-allinjament fi kwalunkwe direzzjoni mill-tqegħid kontenut fil-ċellola ċentrali tat-tabella ta 'tliet kolonni u tliet ringieli.

Din id-deċiżjoni mhix standard, iżda effettivi. Minflok twil u metikoluż ssolvi l-problema tal-paġna cross-browser jew jistennew marġini xellug, lemin, u l-bqija. Tista 'tuża l-perċentwali wisa' u ringiela għoli trite taċ-ċelloli fit-tabelli.

Allinjament permezz JavaScript

Il-mistoqsija "Kif għall-post test ċċentrata fil-HTML" soluzzjoni elementari algoritmu, il-lingwa browser, u għandu disinn ferm aktar prattiku u spettakolari.

Disinn Style Fajls diġà marret fuq nixxiegħa, u kważi kull awto-rispett sistema ta 'ġestjoni kontenut tipprovdi l-iżviluppatur tistabbilixxi istili għall-okkazzjonijiet kollha. Iżda l-ħajja dejjem teħtieġ konkreti: huwa meħtieġ kull darba mill-bidu nett li wieħed jaħseb, kif huwa b'test CSS fil-post tan-nofs. Għażla għal skopijiet allinjament fl-unità, "inkollati" għall-ġenb tal-paġna, iżda għaliex għandi d-daqs, bilkemm adattat blokk pop-up menu, li huwa mibni minn elementi differenti.

Viżibbli ċċentrata - mhuwiex dejjem faċli li jimblokka, li oriġinarjament kien magħruf, fejn in-naħa tax-xellug u kemm pixels lejn il-lemin, fejn il-quċċata, u ma jiggarantux li l-qiegħ - huwa l-linja dwar liema għandhom iwettqu l-allinjament vertikali.

Wieħed tendenza li l-istil għandu jkun determinat mill-kontenut. Is-siti aktar huma informazzjoni viżitatur, il-viżwali u tal-ħoss - Minbarra biss għat-test normali. Li l-karattri huma mixtieqa kontenut (dan ma japplikax għall-websajts fuq l-arti, pittura, mużika, eċċ) - hija kwistjoni ta 'l-informazzjoni meħtieġa għall-viżitatur.

Karatteristiċi preżentazzjoni ta 'test u HTML

Ġara li element indiviżibbli tal-kontenut tal-paġna - test, u mhux il-kelma. Semantika - hija l-kompetenza tal-iżviluppatur (-sid sit). Attwalment it-test jista 'jiġi ppreżentat tikketta waħda, li hija sentenza naturali tista' tkun mhux biss sekwenza ta 'karattri, u s-sekwenza ta' tikketti li jkun fihom karattri. Minn dan jirriżulta li l- "iebes" CSS "fiċ-ċentru tat-test" jistgħu jpoġġu biss f'każijiet sempliċi.

Server talba għal estradizzjoni għall-browser hija wiesgħa ħafna u fiha ħafna elementi, mhux dejjem marbuta ma 'dak se jintwerew. Meta jfasslu l-arranġament tal-paġna huwa importanti li tpoġġi l-enfasi f'termini ta 'preżentazzjoni, b'mod partikolari l-allinjament. Xi ħaġa aħjar biex tagħmel fuq is-server li l-klijent li huwa fil-browser. Mhux dejjem jistrieħ fuq regoli CSS, tiffoka fuq ir-riżultat finali huwa ħafna aktar prattiku.