Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Angajator privat - obligatie plat...

Sfat achiziție laptop max 30...

Ce arbusti/pomi sunt in imagine

DAMEX - Card VISA cu Plan in func...
 Jardiniera din OSB

Problema cuptor Arctic

Cum as putea adormi mai repede se...

Suspendare permis conducere pentr...
 Recomandare bormasina (Buget: ~20...

Masina SH 6000 euro

Glet peste calciu

Facultatea de Agronomie - Agricul...
 mobilat sau nemobilat/semimobilat?

Contract de schimb

Snapdragon 8 Gen 4 - stire

Apometre de rezerva
 

HTML/CSS - Grid dezactivare Wrap

- - - - -
  • Please log in to reply
3 replies to this topic

#1
pinguinul666

pinguinul666

    Senior Member

  • Grup: Senior Members
  • Posts: 4,602
  • Înscris: 06.10.2015
Cei care scriu CSS, in mod cert au auzit de Flex si Grid - sisteme de poziționare a conținutului.

Flex e un sistem mono-dimensional (fie pe verticala, fie pe orizontala), iar Grid bi-dimensional (si verticala, si orizontala).

By default, Flex se comporta nowrap, iar Grid se comporta wrap.

Ce inseamna wrap (impachetare) ?

Wrap (default la grid) - păstrarea dimensiunilor conținutului; dacă fereastra se micșorează, atunci va încerca menținerea dimensiunii conținutului, împingând elementele ce sunt prea mari pe rândul următor (sau coloana următoare)

Nowrap (default la flex) - nu se fac eforturi de menținere a dimensiunilor conținutului; dacă fereastra se micșorează, atunci si conținutul va fi deformat mic.

La Flex, pot ușor alege wrap sau nowrap astfel:  flex-wrap: nowrap sau flex-wrap: wrap

Dar cum fac la Grid ?!
Dacă vreau să dezactivez funcția de wrap la Grid, cum procedez?

Un exemplu de cod.

Multumesc

#2
cristirg

cristirg

    Senior Member

  • Grup: Senior Members
  • Posts: 7,696
  • Înscris: 16.11.2012
No wrap in boostrap row

#3
krtyna

krtyna

    Member

  • Grup: Members
  • Posts: 329
  • Înscris: 07.04.2021
Nu poti "dezactiva" wrap, pentru ca atunci nu ar mai fi grid, bidimensional cum zici tu.
Cred ca tu defapt vrei grid-auto-columns. Numar variabil de coloane?
Tine cont ca grid inseamna 2 axe. Orice schimbare pe o axa afecteaza si pe a 2a. De exemplu adaugi o coloane, randul de sub ea creste in lungime ca sa o acomodeze.
Daca nu vrei asta, atunci nici nu are logica sa folosesti grid. Un simplu float cu display:block ar fi suficient. Sau flex..

#4
G1q

G1q

    Member

  • Grup: Members
  • Posts: 922
  • Înscris: 31.01.2007
Dar ce vrei sa faci mai exact? Ca asa poti folosi direct flex in loc de grid.

Anunturi

Bun venit pe Forumul Softpedia!

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate