Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Cum sterg mails din Promotions

Vanzare cumparare fara transfer b...

Receptie ciudata, in functie de t...

Dupa 20 ani de facultate, am uita...
 Mobile.de ofera imprumut de bani ...

problema test grila

Digi24 a disparut de pe TV Lg

Drept de proprietate intelectuala...
 Jante noi shitbox

Trinitas TV 4K

Dacia 1316 cu 6 usi ...

Frecventa modificata radio
 Un nou pericol pt batrani

Ar trebui sa vindem imobiliarele ...

Dupa renuntarea la aparat dentar

pelerinaj in Balcik
 

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,710
  • Î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,711
  • Înscris: 16.11.2012
No wrap in boostrap row

#3
krtyna

krtyna

    Member

  • Grup: Members
  • Posts: 571
  • Î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

    Active Member

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

Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

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