Style justifyContent 属性

Mafunzo ya CodeW3C kwenye Internet

Mafunzo ya HTML
Script ya Kifungaji
Script ya Serikali
Mafunzo ya Kifunzi cha Kifunzi
Mafunzo ya XML
Kitabu cha Kurejeshwa cha Kureja
Kitabu cha Mafanikio

Jadili ya Kazi

Mwongozo wa JS

Mwongozo wa JS (Muundo wa kikundi)
Mwongozo wa JS (Muundo wa herufi)

JavaScript

Array cha JS
Boolean cha JS
Class cha JS
Tarehe cha JS
Kosa cha JS
Muungano wa JS
JSON cha JS
Map cha JS
Math cha JS
Namba cha JS
Promise cha JS
RegExp cha JS
Set cha JS
Chapaa cha JS
Mwongozo wa JS
Mabaki wa JS
Muungano wa Mabaki wa JS
JS Maburi
JS Mabaki wa Tungozi

Window

Mtuaji wa Window
Window Console
Window Historia
Window Location
Window Navigator
Window Screen

HTML DOM

HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event Mwongozo
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Mabaki

Web API

API Canvas
API Console
API Fetch
API Fullscreen
API Lejengwa
API Historia
API MediaQueryList
API Hifadhi
API Muafikio
API Web

HTML Mwongozo

<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>
<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>
<sub>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="Mwongozo wa DOM Time"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="Mwongozo wa DOM Title"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="Mwongozo wa DOM Track"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="Mwongozo wa DOM Underline"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="Mwongozo wa DOM Ul"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="Mwongozo wa DOM Variable"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="Mwongozo wa DOM Video"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="Mwongozo wa CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Matukio ya ujenzi wa JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Tepesi ya CodeW3C.com">Tepesi ya CodeW3C.com</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Style justifyContent 属性</h1> <div class="prenextnav-ref"> <ul> <li> Mtu wa kuzungumza <a href="/sw/jsref/prop_style_isolation.html" title="Mfano wa Style isolation">isolation</a></li> <li> Mtu wa mbele <a href="/sw/jsref/prop_style_left.html" title="Mfano wa Style left">left</a></li> <li> Rejea kigechea <a href="/sw/jsref/dom_obj_style.html" title="Mtuaji wa Style ya HTML DOM">Mtuaji wa Style ya HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p>当项目未使用主轴（水平）上的所有可用空间时， <code>justifyContent</code> 属性对齐弹性容器的项目。</p> <p class="tip"><span>提示：</span>请使用 <code>alignContent</code> 属性在横轴（垂直）上对齐项目。</p> <h3>另请参阅：</h3> <p>CSS 参考手册：<a href="/sw/cssref/pr_justify-content.html" title="Mfano wa CSS justify-content">Muagiza wa justify-content</a></p> </div> <div> <h2>实例</h2> <p>在弹性的 <div> 元素的项目之间留出一些空间：</p> <pre class="language-js"> document.getElementById("main").style.justifyContent = "space-between"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_justifycontent">Tafakari kwa mwenyewe</a></p> </div> <div> <h2>Makadara</h2> <p>Inatoa muagiza wa justifyContent:</p> <pre><i>object</i>.style.justifyContent</pre> <p>Inasemekana kuwaingiza muagiza wa justifyContent:</p> <pre><i>object</i>.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"</pre> <h3>Chaguo cha muagiza</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Chaguo</th> <th>Maelezo</th> </tr> <tr> <td>flex-start</td> <td>Chaguo cha kuzingatia. Viumbe vinapatikana kati ya kina cha kuu cha kwanza.</td> </tr> <tr> <td>flex-end</td> <td>Viumbe vinapatikana kati ya kina cha kuu cha kushika.</td> </tr> <tr> <td>center</td> <td>Viumbe vinapatikana kati ya kina cha kuu.</td> </tr> <tr> <td>space-between</td> <td>Inaingia machache kwa viumbe katika mawingu ya kati.</td> </tr> <tr> <td>space-around</td> <td>Inaingia machache kwa viumbe katika mawingu ya kwanza, kati ya mawingu na mawingu ya mwisho.</td> </tr> <tr> <td>initial</td> <td>Inaingia muagiza hii kwa chaguo cha kuzingatia. Tazama <a href="/sw/cssref/css_initial.html" title="Mfano wa CSS initial">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>Inaingia muagiza hii kutoka kwa kina cha mbingu chake. Tazama <a href="/sw/cssref/css_inherit.html" title="Mfano wa CSS inherit">inherit</a>.</td> </tr> </table> </div> <div> <h2>Vifaa vya mawasiliano</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">Chaguo cha kuzingatia:</th> <td>flex-start</td> </tr> <tr> <th>Matokeo wa kuharibika:</th> <td>Mwongozo, inaonyesha kiwango cha kina cha kina cha kitu <a href="/sw/cssref/pr_justify-content.html" title="Mfano wa CSS justify-content">Muagiza wa justify-content</a>.</td> </tr> <tr> <th>Muagiza wa CSS:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>Inasemekano wa kifungu cha mtangazaji</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>Inasemekana</td> <td>12.0</td> <td>Inasemekana</td> <td>9.0</td> <td>Inasemekana</td> </tr> </table> </div> <div> <h2>Vigezo vya viungo</h2> <p>HTML DOM STYLE Mshairi:<a href="/sw/jsref/prop_style_aligncontent.html" title="Mfano wa Style alignContent">Muagiza wa alignContent</a></p> <p>HTML DOM STYLE Mshairi:<a href="/sw/jsref/prop_style_alignitems.html" title="Mfano wa Style alignItems">Muagiza wa alignItems</a></p> <p>HTML DOM STYLE Mshairi:<a href="/sw/jsref/prop_style_alignself.html" title="Mfano wa Style alignSelf">Mfano wa alignSelf</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Mtu wa kuzungumza <a href="/sw/jsref/prop_style_isolation.html" title="Mfano wa Style isolation">isolation</a></li> <li> Mtu wa mbele <a href="/sw/jsref/prop_style_left.html" title="Mfano wa Style left">left</a></li> <li> Rejea kigechea <a href="/sw/jsref/dom_obj_style.html" title="Mtuaji wa Style ya HTML DOM">Mtuaji wa Style ya HTML DOM</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Kitu cha kufunza </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Kitabu cha Mafanikio ya JavaScript na HTML DOM</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Mazoezi ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mafunzo ya JavaScript</a></h5> </div> <div><h3><center> Vituo vya mshambulizi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matendo ya CodeW3C.com inayotumika kwa mafunzo na mazoezi, hatukubali kweli. Risiko ambayo inatokana na matendo ya tovuti haitakiwa na tovuti. Haki za kuzungumza, inahifadhiwa yote. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada wa CodeW3C.com">Msaada wa CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Shirika la matumizi</a> <a href="/sw/about/about_privacy.html" title="Kuhusu habari ya siri">Shirika la habari ya siri</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Inaruhusiwa na Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>