Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Reconditionare-Recapping amplific...

Presiune si tempertura mare la li...

Functie cu char* return

Windows 11 pe DELL Optiplex 9020 ...
 Lista materiale termoizolare vata...

Lg 32LA6130

Agențiile de turism/voiaj de pe v...

Se poate intampla ceva daca schim...
 Sate cu apa curenta, canalizare s...

Antena satelit DIGi prin fibra op...

Recomandare imprimanta

Masina spalat indesit wisl 85 nu ...
 Modificare frecventa rami ddr4

Ramon(2023)

Probleme internet (ping,packetloss)

Refinanțare cu ipoteca !
 

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

#3
krtyna

krtyna

    Member

  • Grup: Members
  • Posts: 299
  • Î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: 911
  • Înscris: 31.01.2007
Dar ce vrei sa faci mai exact? Ca asa poti folosi direct flex in loc de grid.

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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