Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Schimbare adresa DNS IPv4 pe rout...

Recomandare Barebone

Monede JO 2024

Suprasolicitare sistem electric
 CIV auto import

Mutare in MOZAMBIC - pareri, expe...

Scoatere antifurt airtag de pe ha...

Magnet in loc de clește pent...
 Cumparat/Locuit in apartament si ...

Pot folosi sistemul PC pe post de...

Sokol cu distorsiuni de cross-over

Filtru apa potabila cu osmoza inv...
 Kanal D va difuza serialul “...

Upgrade xiaomi mi11

securitate - acum se dau drept - ...

Farmacia Dr Max - Pareri / Sugest...
 

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: 570
  • Î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

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

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