Klausimai pažymėti „flexbox“

CSS3 modulis, skirtas lankstiems išdėstymams, kuris suteikia platų pasirinkimo elementų elementų derinimą, tuo pačiu panaikinant plūdrių ir stalų poreikį.
31
atsakymas

Padarykite „div“, kad užpildytumėte likusio ekrano aukštį.

Dirbu internete, kurioje noriu, kad turinys užima visą ekrano aukštį. Puslapyje yra antraštė, kurioje yra logotipas ir paskyros informacija. Tai gali būti bet koks aukštis. Noriu, kad turinys div būtų užpildytas ...
rugsėjo 18 d '08 8:06
34
atsakymai

Geriausias būdas nustatyti atstumą tarp flexbox elementų

Norint nustatyti minimalų atstumą tarp lanksčių dėžių elementų, naudoju paraštę: 0 5px .item ir paraštėje: 0 -5px konteineryje. Man tai atrodo kaip įsilaužimas, bet aš negaliu rasti geresnio būdo tai padaryti. Pavyzdys #box {display: flex; wi ...
gruodžio 17 d '13, 8:35
10
atsakymai

„Flexbox“: horizontaliai ir vertikaliai

Kaip suskirstyti horizontalią ir vertikalią dėžės pusę, naudojant flakoną. Toliau pateiktame pavyzdyje noriu, kad kiekvienas numeris būtų žemiau vienas kito (eilučių), esančių horizontaliai. .flex-container {padding: ...
rugsėjo 26 d '13, 14:22
18
atsakymai

Kaip suderinti 3 divus (kairėje / centre / dešinėje) kitoje div?

Noriu turėti 3 divus, esančius div konteinerio viduje, tokiu būdu: [[LEFT] [CENTRAS] [RIGHT]] Konteinerio konteineris yra 100% pločio (be nustatyto pločio), o disko centras turi likti centre po dydžio keitimo. .
nustatytas balandžio 09 d '10 0:49
19
atsakymai

Kaip išlaikyti du skersinius viename aukštyje?

Turiu du skirtumus šalia. Norėčiau, kad jų aukštis būtų vienodas ir liktų toks pat, jei vienas iš jų pasikeistų. Aš to nesuprantu. Idėjos? Norėdamas išaiškinti mano klaidinančią problemą, norėčiau, kad abu vienetai visada būtų vienodo dydžio ...
birželio 8 d. 10 d. 16:39
5
atsakymai

„CSS Flexbox“ kodėl nėra „teisėtų elementų“ ir „pateisinančių savybių“?

Apsvarstykite lankstumo konteinerio pagrindinę ašį ir skersinę ašį: Šaltinis: W3C Norėdami sulyginti lanksčius elementus pagrindinėje ašyje, su ...
rugsėjo 13 d '15, 18:30
25
atsakymai

„Flex-box“: suderinkite paskutinę eilutę su tinkleliu

Turiu paprastą lizdą su konteineriu, pavyzdžiui: .grid {display: flex; lanksčiojo srauto: eilių įvyniojimas; pateisinti turinį: tarpą tarp; } Dabar noriu, kad paskutinės eilutės elementai būtų suderinti su kitu. pateisinti turinį: tarpą tarp; atsekti ...
rugsėjo 11 d '13, 17:37
8
atsakymai

Kaip padaryti, kad vaikai lankstų 100% savo tėvų aukščio?

Bandau užpildyti lanksčiojo elemento vertikalią erdvę lanksčios dėžutės viduje. .container {aukštis: 200px; plotis: 500 px; ekranas: -moz-box; ekranas: -webkit-flexbox; rodyti: -ms-flexbox; ekranas: -webkit-flex; ekranas: -moz-flex; d ...
nustatykite kovo 13 d. 13 val
6
atsakymai

Ar elementas suderintas su dešiniuoju?

Ar yra daugiau lankstymo būdų, kaip „susieti“ dešinėje lyginti, nei naudoti poziciją: absoliutus? .main {display: flex; } .a, .b, .c {fonas: #efefef; siena: 1px kietas # 999; } .b {flex: 1; teksto derinimas: centras; } .c {pozicija: ...
yra nustatytas kovo 15 d. 14 val
3
atsakymai

Kaip aš galiu turėti dvi fiksuoto pločio stulpelius, kurių centre yra viena lanksti kolona?

Bandau nustatyti lankstų dėžutės išdėstymą su trimis stulpeliais, kuriuose kairėje ir dešinėje stulpeliuose yra fiksuotas plotis, o centrinė kolona yra sulenkta, kad būtų užpildyta laisva erdvė. Nepaisant to, kad koreguojami stulpelių dydžiai, jie vis dar suspausti.
gegužės 22 d., 14 val
5
atsakymai

Sudėkite apačią su „flexbox“

Turiu divą su keliais vaikais: <div class = "content"> <h1> 1 antraštė </ h1> <h2> 2 antraštė </ h2> <p> Kai kurie daugiau ar mažiau teksto </ p> <a href = "/" class = "button"> Spustelėkite mane </a> </ div> ir ...
birželio 23 d. 15 val
6
atsakymai

Koks skirtumas tarp ekrano: inline-flex ir display: flex?

Bandau vertikaliai suderinti identifikatoriaus korpuso elementus. Daviau ekrano savybę: inline-flex; prie šio identifikatoriaus, nes įvyniojimo identifikatorius yra lankstus konteineris. Tačiau pristatyme nėra skirtumo. Tikėjau, kad visi ...
gruodžio 11 d '14, 11:12
18
atsakymai

Bootstrap 4 nukreipia naršymo juostą į dešinę.

Kaip suderinti navigacijos elementą į dešinę? Noriu turėti prisijungimo ir registracijos teisę. Bet viskas, ką bandau, neatrodo veikianti. Tai aš iki šiol bandžiau: <div> aplink <ul> su atributu: style = "float: right" <d ...
nustatytas 06 sausis '17 23:02
4
atsakymai

„Chrome“ / „Safari“ nepildo 100% lankstesnio tėvų aukščio

Noriu turėti vertikalų meniu su tam tikru aukščiu. Kiekvienas vaikas turi užpildyti tėvų aukštį ir turėti vidutinį suderintą tekstą. Vaikų skaičius yra atsitiktinis, todėl turiu dirbti su dinaminėmis vertėmis. Div .container yra cl ...
lapkričio 10 d. '15, 21:16
10
atsakymai

Centrinis vertikalus išlygiavimas „bootstrap“ 4

Bandau sutelkti savo konteinerį puslapio viduryje naudodamas „Bootstrap 4“.
15 Vasario mėn. '17, 17:42