Plasați două imagini împreună unul sub altul - "imagini" - auto-tutorial css

• Dacă o persoană se simte implicată în viața societății, el creează nu numai valori materiale pentru oameni - el se creează pe sine. Din munca în care spiritul spiritului civic este clar exprimat, adevărata auto-educație începe.







• Cu adevărat, ca soarele, iubesc viața și toate mările adânci. Și aceasta este ceea ce eu numesc cunoaștere: că tot adâncul ar trebui să se ridice la înălțimile mele!

"Stați foame." Stai prost. Și am vrut dintotdeauna asta pentru mine. Și acum, când absolvi și începi din nou, îți doresc asta.

• Educația persoanei este educația unui astfel de principiu moral persistent, prin care o persoană devine o sursă de influență benefică asupra celorlalți, el însuși este crescut și, în procesul de auto-educare, afirmă chiar mai mult propriul său principiu moral.

• Cine cunoaște foarte mult, este întrebat atât de mult.

• Nu învățați până la vârsta înaintată, ci învățați la moarte.

• Fără disciplină, nu există învățare.

• Cunoașterea este mai bună decât bogăția.

• Învățați prin spectacol, nu prin poveste.

• Nu pentru cunoștințe, ci pentru examen.

• Cunoașterea este putere.

• Fără făină, nu există știință.

• Totul este învățat, nu doar viclean.

• Pixul este grozav, dar scrie mari cărți.

• Pixul scrie, dar mintea conduce.

• Nu vă temeți când nu știți: este teribil când nu doriți să știți.

• Predarea este calea către abilități.

• Există mulți oameni de știință care nu sunt foarte inteligenți.

• Știința învață numai inteligentul.

• Învățați pe alții - și veți înțelege.

• Mâinile pe toate, cu excepția științei.

• Oamenii se hrănesc cu știința.

• Scrie - nu zgâriați limba.

• Din știința profesorilor.

• Și ursul este învățat să danseze.

• Nu scrieți cu un stilou - cu mintea.

• Înțelept sau nu cel care sa născut, dar a învățat.

• Rădăcina învățăturii este amară, dar rodul ei este dulce.

Adăugați câteva imagini pe pagină astfel încât acestea să fie plasate una lângă alta pe verticală, fără goluri.

Aranjamentul imaginilor unul sub altul este adesea dictat de cerințele designului, atunci când este necesar să "lipiți împreună" câteva imagini sigilate într-o imagine întreagă. De obicei, pentru a transfera textul, precum și imaginile pe altă linie, eticheta






sau un container cu o dimensiune fixă, dar în ambele cazuri există caracteristici specifice.

În primul rând, vom analiza modul de utilizare a etichetei
. care este responsabil pentru crearea transferului. Această etichetă este suficientă pentru a fi adăugată imediat după prima etichetă . așa cum se arată în Exemplul 1. Aici, totuși, se află un truc. Cu modul de browser strict (în HTML5 sau cu strictețe în HTML4 sau XHTML) între imagini există un spațiu gol, care poate fi înlăturat utilizând proprietatea înălțimii liniei. ar trebui specificat pentru containerul în care sunt stocate imaginile, de obicei o etichetă

sau

.

Exemplul 1. Utilizarea unei etichete

HTML5 CSS 2.1 IE Cr Op Sa Fx

Rezultatul acestui exemplu este prezentat în Fig. 1. Imaginile sunt situate în interiorul containerului

și separate de o etichetă
. Pentru a adera imagini fără spații în stiluri, este specificată o proprietate în linie înălțime cu o valoare de 1px. Aceleași figuri fără îmbinare sunt prezentate în Fig. 2.

Fig. 1. Două imagini se fixează vertical

Fig. 2. Spațiul dintre imagini

În plus față de utilizarea distanței dintre linii, există și alte metode pentru a elimina decalajul dintre desene, de exemplu, utilizați proprietatea vertical-align.

Puteți face fără o etichetă
. plasarea imaginilor într-un bloc de lățime fixă, a cărui valoare coincide cu lățimea desenelor. Imaginile vor fi transferate automat una la cealaltă (exemplul 2).

Exemplul 2. Lățimea fixă

HTML5 CSS 2.1 IE Cr Op Sa Fx

În Internet Explorer 6 și 7, diferența dintre imagini poate apărea ca urmare a acestui exemplu. Eroarea cunoscută a acestui browser este rezolvată pur și simplu. Etichete suficient în codul exemplu, scrieți într-o singură linie fără spații și cratime.

Plasați două imagini împreună unul sub altul -

Plasați două imagini împreună unul sub altul -
Plasați două imagini împreună unul sub altul -
Plasați două imagini împreună unul sub altul -







Trimiteți-le prietenilor: