Domande taggate «flexbox»

Modulo CSS per layout flessibili che offre una vasta gamma di opzioni per allineare gli elementi eliminando la necessità di float e tabelle.

5
Flexbox e Internet Explorer 11 (display: flex in <html>?)
Ho intenzione di abbandonare i layout "fluttuanti" e utilizzare CSS flexbox per progetti futuri. Sono stato felicissimo di vedere che tutti i principali browser nelle loro versioni attuali sembrano supportare (in un modo o nell'altro) flexbox. Sono andato su "Risolto da Flexbox" per vedere alcuni esempi. Tuttavia l'esempio "Sticky Footer" …
8
Mantieni le proporzioni dell'immagine quando si modifica l'altezza
Utilizzando il modello CSS flex box, come posso forzare un'immagine a mantenere le sue proporzioni? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Notare che le immagini si allungano o si restringono per riempire la larghezza del contenitore. Va bene, ma possiamo anche allungare o restringere l' altezza per mantenere le proporzioni dell'immagine? HTML &lt;div …
114 html  css  flexbox 
2
Righe di altezza uguale in CSS Grid Layout
Capisco che questo sia impossibile da ottenere usando Flexbox, poiché ogni riga può essere solo l'altezza minima richiesta per adattarsi ai suoi elementi, ma questo può essere ottenuto utilizzando la nuova griglia CSS? Per essere chiari, voglio la stessa altezza per tutti gli elementi in una griglia su tutte le …
9
File di uguale altezza in un contenitore flessibile
Come puoi vedere, list-itemsnel primo rowhanno lo stesso height. Ma gli elementi nel secondo rowsono diversi heights. Voglio che tutti gli articoli abbiano un'uniforme height. C'è un modo per ottenere questo risultato senza dare un'altezza fissa e utilizzando solo flexbox ? Ecco il mio code .list { display: flex; flex-wrap: …
94 html  css  flexbox 
1
margin-top solo quando l'elemento flessibile è avvolto
Ho un contenitore flessibile con due elementi flessibili. Voglio impostare un margine superiore sul secondo, ma solo quando è avvolto e non sulla prima linea flessibile. Se possibile, voglio evitare di utilizzare le media query. Ho pensato che il margine inferiore sul primo elemento potesse essere una soluzione. Tuttavia, aggiunge …
93 css  margin  flexbox 
4
Centrare un DIV in modo diseguale utilizzando CSS
Sto centrando un DIV all'interno di un altro DIV usando un flexbox. Pensa a una finestra di dialogo che viene visualizzata al centro dello schermo quando necessario. Funziona bene, tuttavia sarebbe molto meglio se lo spazio sopra e sotto la finestra di dialogo non fosse esattamente uguale, avendo il 40% …
23 html  css  flexbox  centering 
10
Creazione di div di dimensioni uguali con avvolgente
Sto cercando di creare un sistema di menu con un'immagine e un testo sopra e sotto. I dati sono dinamici. Voglio che il sistema di menu appaia in modo tale che ogni immagine abbia la stessa distanza l'una dall'altra in modo che si allineino in una griglia di immagini sia …
17 html  css  flexbox 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.