Mafunzo ya CodeW3C Kwenye Mwambao
Mafunzo ya HTML
Sikio ya Mwitaaji
Sikio ya Server
Mafunzo ya Kifungu
Mafunzo ya XML
Mwongozo wa Kureja Taarifa
Mwongozo wa Taarifa
Jadwa ya Mada
Kitabu cha Taarifa cha JS
Kitabu cha Taarifa cha JS (Muundo wa Aina)
Kitabu cha Taarifa cha JS (Muundo wa Harufi)
JavaScript
Array ya JS
Boolean ya JS
Class ya JS
Date ya JS
Error ya JS
Global ya JS
JSON ya JS
Map ya JS
Math ya JS
Number ya JS
Promise ya JS
RegExp ya JS
Set ya JS
Mfano wa String ya JS
Mfano wa Object ya JS
Operator ya JS
Madai ya Operator ya JS
Mabomu ya JS
Makundi ya Typing ya JS
Window
Mtu wa Window
Console ya Window
History ya Window
Location ya Window
Navigator ya Window
Screen ya Window
DOM ya HTML
Dokumento ya HTML
Element ya HTML
Attribute ya HTML
Event ya HTML
Mfano wa Event ya HTML
Kazi ya HTML
NodeList ya HTML
DOMTokenList ya HTML
Style ya HTML
API ya Web
API ya Canvas
API ya Console
API ya Fetch
API ya Fullscreen
API ya Geolocation
API ya History
API ya MediaQueryList
API ya Storage
API ya Validation
API ya Web
Mfano wa HTML
<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>
<summary>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="HTML DOM Time mwelezo"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="HTML DOM Title mwelezo"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="HTML DOM Track mwelezo"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="HTML DOM Underline mwelezo"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="HTML DOM Ul mwelezo"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="HTML DOM Variable mwelezo"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="HTML DOM Video mwelezo"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration mwelezo">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="JavaScript tukio wa ujenzi">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kikaa cha CodeW3C.com">Kikaa cha 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>Mwili wa Style alignContent</h1> <div class="prenextnav-ref"> <ul> <li> Mwongozo wa kwanza <a href="/sw/jsref/prop_style_aligncontent.html" title="Mwili wa Style alignContent">alignContent</a></li> <li> Mwongozo wa kina <a href="/sw/jsref/prop_style_alignitems.html" title="Mwili wa Style alignItems">alignItems</a></li> <li> Rudi ukaimbo wa juu <a href="/sw/jsref/dom_obj_style.html" title="Mtu wa Style ya HTML DOM">Mtu wa Style ya HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p>当项目未使用横轴上（垂直）的所有可用空间时，<code>alignContent</code> 属性对齐弹性容器的项目。</p> <p class="tip"><span>提示：</span>请使用 <a href="/sw/jsref/prop_style_justifycontent.html" title="Mwili wa Style justifyContent">Mwili wa justifyContent</a> 在主轴上（水平）对齐项目。</p> <p class="note"><span>注释：</span>必须有多行项目才能使此属性生效。</p> </div> <div> <h2>实例</h2> <p>将弹性 <div> 元素的项目放置在留有空间的两行之间：</p> <pre class="language-js"> document.getElementById("main").style.alignContent = "space-between"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_aligncontent">Inafanya kwa kufikia kina cha kwanza:</a></p> </div> <div> <h2>Inasifanya kwa kuzingatia kifaa cha kina cha kwanza:</h2> <p>Inasifanya kwa kuzingatia mwendo wa alignContent:</p> <pre><i>object</i>.style.alignContent</pre> <p>Inasifanya kwa kuzingatia mwendo wa alignContent:</p> <pre><i>object</i>.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"</pre> <h3>Mwendo wa kina</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Matokeo</th> <th>Maelezo</th> </tr> <tr> <td>stretch</td> <td>Mwendo wa kuzingatia wa kuzingatia:</td> </tr> <tr> <td>center</td> <td>Inasifanya kwa kuzingatia hali ya kina kwa kina cha kati.</td> </tr> <tr> <td>flex-start</td> <td>Inasifanya kwa kuzingatia hali ya kina kwa kina cha kwanza.</td> </tr> <tr> <td>flex-end</td> <td>Inasifanya kwa kuzingatia hali ya kina kwa kina cha kushika.</td> </tr> <tr> <td>space-between</td> <td>Inasifanya kwa kuzingatia hali ya kina kwa kina cha kati.</td> </tr> <tr> <td>space-around</td> <td>Inasifanya kwa kuzingatia hali ya kina kwa kina cha kwanza, kina cha kati, na kina cha kwanza.</td> </tr> <tr> <td>initial</td> <td>Inakubaliwa kwa kuzingatia mwendo wa kuzingatia kwa kifaa cha kina. Angalia: <a href="/sw/cssref/css_initial.html" title="Kichwa cha CSS initial">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>Inakubaliwa kwa kuzingatia kifaa cha kina cha kwanza. Angalia: <a href="/sw/cssref/css_inherit.html" title="Kichwa cha CSS inherit">inherit</a>.</td> </tr> </table> </div> <div> <h2>Vitambulio ya teknolojia</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">Mwendo wa kuzingatia:</th> <td>stretch</td> </tr> <tr> <th>Mwongozo wa matokeo:</th> <td>Mwongozo wa string, inasema kiwango cha kina: <a href="/sw/cssref/pr_align-content.html" title="Mwili wa CSS align-content">Mwakabila wa align-content</a>.</td> </tr> <tr> <th>Mwili wa CSS:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>Inakubaliwa na kifaa cha browser</h2> <p><code>alignContent</code> Ni muhimu wa CSS3 (1999).</p> <p>Wote vitu vya kifaa vilivyo kubaliwa kuzofanya kwa kuzofaa:</p> <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> <th class="bsIE">IE</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> <td>IE</td> </tr> <tr> <td>Inakubaliwa</td> <td>Inakubaliwa</td> <td>Inakubaliwa</td> <td>Inakubaliwa</td> <td>Inakubaliwa</td> <td>11</td> </tr> </table> </div> <div> <h2>Pemboresha ya related</h2> <p>Mwongozo wa CSS:<a href="/sw/cssref/pr_align-content.html" title="Mwili wa CSS align-content">Mwakabila wa align-content</a></p> <p>HTML DOM STYLE Mwongozo wa Kifaa:<a href="/sw/jsref/prop_style_alignitems.html" title="Mwili wa Style alignItems">Mwakabila wa alignItems</a></p> <p>HTML DOM STYLE Mwongozo wa Kifaa:<a href="/sw/jsref/prop_style_alignself.html" title="Mwili wa Style alignSelf">Mwakabila wa alignSelf</a></p> <p>HTML DOM STYLE Mwongozo wa Kifaa:<a href="/sw/jsref/prop_style_justifycontent.html" title="Mwili wa Style justifyContent">Mwili wa justifyContent</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Mwongozo wa kwanza <a href="/sw/jsref/prop_style_aligncontent.html" title="Mwili wa Style alignContent">alignContent</a></li> <li> Mwongozo wa kina <a href="/sw/jsref/prop_style_alignitems.html" title="Mwili wa Style alignItems">alignItems</a></li> <li> Rudi ukaimbo wa juu <a href="/sw/jsref/dom_obj_style.html" title="Mtu wa Style ya HTML DOM">Mtu wa Style ya HTML DOM</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifaa cha kuuza </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Mwongozo wa 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">Majadiliano ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mafunzo ya JavaScript</a></h5> </div> <div><h3><center> Mwongozo wa mshambuliaji </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inatumiwa kwa mafunzo na michezo, hatukubali kinaa ya matokeo. Risiko ambayo inatokana na kutumia matokeo hii haukutambuliwa na tovuti hii. Haki za maua ziko wengi, ikipangwa kila haki. </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">Kifaa cha kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hufaa">Kifaa cha hufaa</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="Inaruka na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>