2016-04-01 9 views
-1

: Ich bin in Design und ich verwende Display flex den Inhalt eines div horizontal einzustellen:Was die Rolle der Anzeige flex in CSS ist

<div style="display:flex";> 
    <img src="example.png" /> 
    <div>example...<div/> 
</div> 

Und so auf dem Bild und der Text des div wird In der gleichen Zeile, merke ich, dass es wie Display funktioniert: Inline-Block für das Eltern-Div und Float links für die Kinder .. ist es?

Flex helfen mir horizontal ohne float anzuzeigen und ich möchte wissen, ob dies die Rolle von flex ist und meine Arbeit keinen Fehler haben oder negativ mein Layout nicht beeinflussen, vielleicht in der mobilen Ansicht ... etc.

+1

es funktioniert ein bisschen wie float aber 100 mal besser für mich ist es perfekt zu arbeiten mit sogar in reaktionsschnellen und komplexeren hier gebe ich dir einen link, wo du lesen kannst in 5 min alle basics von flex https: // css-tricks.com/snippets/css/a-guide-to-flexbox/ – DanyCode

+0

Es gibt viele Dokumentation ([1] (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout) , [2] (https://www.w3.org/TR/css-flexbox-1/), [3] (https://css-tricks.com/snippets/css/a-guide-to-flexbox /)), haben Sie überhaupt etwas zu diesem Thema geforscht? – Quentin

+0

OK danke, aber was hilft dir das Minus, das du geklickt hast :)? Es ist keine große Sache, wenn jemand von uns nicht wissen, einige einfache Tags .. Sie wissen !! ... danke irgendwie :) – semaan

Antwort

2

ich diese Seite wirklich nützlich zur Erläuterung Flexbox gefunden habe: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Anzeige: flex: Dies ist ein Flex-Container definiert; Inline oder Block abhängig vom angegebenen Wert. Es ermöglicht einen flexiblen Kontext für alle direkten Kinder.

Die Seite hat viele Erklärungen mit Diagrammen, die helfen, die verschiedenen Teile von flexbox zu verstehen und was sie tun.

+1

Bitte [vermeiden Link nur Antworten] (http://meta.stackoverflow.com/ Tags/Nur-Link-Antworten/Info). Antworten, die "kaum mehr als ein Link zu einer externen Site" sind [möglicherweise gelöscht] (http://stackoverflow.com/help/deleted-answers). – Quentin

Verwandte Themen