En son web geliştirme öğreticiler

×

JavaScript Referans

JavaScript

JS sicim JS Numara JS Operatörler JS tablolar JS Matematik JS tarih JS Dizi JS Boole JS RegExp JS global JS dönüştürme

Tarayıcı BOM

Window Navigator Screen History Location

HTML DOM

DOM belge DOM Elementler DOM Nitelikler DOM Olaylar DOM stil

HTML Nesneler

<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>

Diğer Nesneler

CSSStyleDeclaration

Style justifyContent Property

Örnek

Esnek öğeleri arasında biraz boşluk olun <div> elemanı:

document.getElementById("main".style.justifyContent = "space-between";

Tanımı ve Kullanımı

Ürün ana ekseni üzerindeki tüm kullanılabilir alanı kullanmadığınızda justifyContent mülkiyet esnek kabın öğeleri hizalar (horizontally) .

İpucu: Çapraz eksende öğeleri hizalamak için alignContent özelliğini kullanın (vertically) .

Tarayıcı Desteği

haklı-içerik özellik Firefox, Opera ve Chrome desteklenir.

Sözdizimi

justifyContent özelliğini Dönüş:

object .style.justifyContent

justifyContent özelliğini ayarlayın:

object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"

Mülkiyet Değerler

değer	Açıklama
flex-start	Varsayılan değer. Öğeler kabın başında konumlandırılmış
flex-end	Ürünler, kabın ucunda konumlandırılmış
center	Ürünler, kabın merkezinde konumlandırılmış
space-between	Öğeler çizgi arasındaki boşluk konumlandırılır
space-around	Ürünler arasında, daha önce boşluk yerleştirilebilir ve hatlar sonra
initial	varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit	üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer:	esnek başlatma
Geri dönüş değeri:	bir elemanın haklı içerik özelliğini temsil eden bir String,
CSS Sürüm	CSS3

İlgili Sayfalar

CSS referansı: justify-content property

HTML DOM STİL Referans: alignContent property

HTML DOM STİL Referans: alignItems property

HTML DOM STİL Referans: alignSelf property