Neueste Web-Entwicklung Tutorials

×

JavaScript Referenz

JavaScript

JS Schnur JS Nummer JS Die Betreiber JS Statements JS Mathe JS Datum JS Feld JS Boolean JS RegExp JS Gesamtsituation JS Umwandlung

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elements DOM Attribute DOM Ereignis DOM Stil

HTML Objekte

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Andere Objekte

CSSStyleDeclaration

Style flexFlow Property

<Style - Objekt

Beispiel

Sprechen Sie die flexiblen Elemente Anzeige in Spalten und keine Verpackung:

document.getElementById("main").style.flexFlow = "column nowrap";

Versuch es selber "

Definition und Verwendung

Die Flexflow-Eigenschaft ist eine zusammenfassende Eigenschaft für die flexDirection und die flexWrap Eigenschaften.

Die flexDirection Eigenschaft gibt die Richtung der flexiblen Elemente.

Die flexWrap Eigenschaft gibt an, ob die flexiblen Elemente wickeln soll oder nicht.

Note: Wenn die Elemente nicht flexible Elemente sind, die Flexflow Eigenschaft hat keine Auswirkungen.

Browser-Unterstützung

Die Flexflow Eigenschaft wird in IE10 +, Firefox, Opera und Chrome unterstützt.

Hinweis: Safari 6.1 und höher unterstützt eine Alternative, die WebkitFlexFlow Eigenschaft.

Syntax

Bringen Sie die Eigenschaft Flexflow:

object .style.flexFlow

Stellen Sie die Eigenschaft Flexflow:

object .style.flexFlow=" Eigenschaftswerte

Wert	Beschreibung
flex-direction	Mögliche Werte: Reihe row-Reverse Säule column-Rückwärts Initiale erben Der Standardwert ist "row" . Die Angabe der Richtung der flexiblen Elemente
flex-wrap	Mögliche Werte: nowrap wickeln Wrap-Rückwärts Initiale erben Der Standardwert ist "nowrap" . Festlegen, ob die flexiblen Elemente wickeln soll oder nicht
initial	Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit	Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert:	Zeile nowrap
Rückgabewert:	Ein String, die die Biegerfließeigenschaft eines Elements
CSS Version	CSS3

Verwandte Seiten

CSS - Referenz: flex-flow property

HTML - DOM - ART - Referenz: flex property - flex property

HTML - DOM - ART - Referenz: flexBasis property

HTML - DOM - ART - Referenz: flexDirection property

HTML - DOM - ART - Referenz: flexGrow property

HTML - DOM - ART - Referenz: flexShrink property

HTML - DOM - ART - Referenz: flexWrap property

<Style - Objekt