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.

6
Come giustificare un singolo elemento flexbox (ignorare il contenuto giustificato)
Puoi sostituire align-itemscon align-selfun oggetto flessibile. Sto cercando un modo per sostituire justify-contentun articolo flessibile. Se avessi un contenitore flexbox con justify-content:flex-end, ma vuoi che sia il primo oggetto justify-content: flex-start, come puoi farlo? La risposta è stata migliore da questo post: https://stackoverflow.com/a/33856609/269396
283 css  flexbox 
9
Flexbox: 4 articoli per riga
Sto usando una scatola flessibile per visualizzare 8 elementi che verranno ridimensionati dinamicamente con la mia pagina. Come lo costringo a dividere gli elementi in due file? (4 per riga)? Ecco un colpo rilevante: (O se preferisci jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid …
260 html  css  flexbox 
3
Quali sono le differenze tra flex-base e larghezza?
Ci sono state domande e articoli a riguardo, ma nulla di conclusivo per quanto posso dire. Il miglior riassunto che ho potuto trovare è flex-base ti permette di specificare la dimensione iniziale / iniziale dell'elemento, prima di calcolare qualsiasi altra cosa. Può essere una percentuale o un valore assoluto. ... …
224 css  flexbox  width 
15
ReactNative: come centrare il testo?
Come centrare il testo in ReactNative sia in orizzontale che in verticale? Ho un'applicazione esemplificativa in rnplay.org dove justifyContent = "center" e alignItems = "center" non funziona: https://rnplay.org/apps/AoxNKQ Il testo dovrebbe essere centrato. E perché c'è un margine in alto tra il testo (giallo) e il contenitore principale? Codice: 'use …
3
I CSS allineano un elemento a destra con flexbox
https://jsfiddle.net/vhem8scs/ È possibile allineare due elementi a sinistra e uno allineato a destra con flexbox? Il link lo mostra più chiaramente. L'ultimo esempio è quello che voglio ottenere. Nel flexbox ho un blocco di codice. Con float ho quattro blocchi di codice. Questo è uno dei motivi per cui preferisco …
212 css  alignment  flexbox 
2
Fai riempire div spazio * orizzontale * rimanente in flexbox
Ho 2 div fianco a fianco in un flexbox. La mano destra dovrebbe sempre avere la stessa larghezza e voglio che la mano sinistra afferri solo lo spazio rimanente. Ma non lo farà a meno che non abbia impostato specificamente la sua larghezza. Quindi, al momento, è impostato al 96%, …
205 html  css  flexbox 
10
Larghezza 100% in React Native Flexbox
Ho già letto diversi tutorial su flexbox, ma non riesco ancora a far funzionare questa semplice operazione. Come posso rendere la scatola rossa al 100% di larghezza? Codice: <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Natives </Text> <Text style={styles.line1}> line1 </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake …
7
Perché <fieldset> non può essere un contenitore flessibile?
Ho provato a modellare un fieldsetelemento con display: flexe display: inline-flex. Tuttavia, non ha funzionato: si è flexcomportato come blocke si è inline-flexcomportato come inline-block. Questo succede sia su Firefox che su Chrome, ma stranamente funziona su IE. E 'un errore? Non riuscivo a trovare che fieldsetdovesse avere un comportamento …
201 html  css  flexbox 
4
Riempi lo spazio verticale rimanente con CSS usando display: flex
In un layout a 3 righe: la riga superiore deve essere dimensionata in base al suo contenuto la riga inferiore dovrebbe avere un'altezza fissa in pixel la riga centrale dovrebbe espandersi per riempire il contenitore Il problema è che quando il contenuto principale si espande, schiaccia le righe di intestazione …
196 css  layout  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.