کدووسی کی آن لائن تعلیم
ایچ تی ایم ایل سیریز تعلیم
ਬਰਾਉਜ਼ਰ ਸਕ੍ਰਿਪਟ
ਸਰਵਰ ਸਕ੍ਰਿਪਟ
پروگرامنگ تعلیم
ایکس ایم ال سیریز تعلیم
سائٹ بنان والا مرنام
مرنام
ਕੋਰਸ ਸਾਲਾਨਾ
JS ਜਾਣਕਾਰੀ ਕਿਤਾਬ
JS ਜਾਣਕਾਰੀ ਕਿਤਾਬ (ਵਰਗ ਵਾਰੀ ਤਰ੍ਹਾਂ)
JS ਜਾਣਕਾਰੀ ਕਿਤਾਬ (ਅਕਸਰ ਹਰਫ ਵਾਰੀ ਕਰਨ ਵਾਲੀ ਤਰ੍ਹਾਂ)
ਜੈਵਾਸਕ੍ਰਿਪਟ
JS ਐਰਰੇ
JS ਬੋਲੀਨ
JS ਕਲਾਸ
JS Date
JS ਇਰਾਦਾ
JS ਗਲੋਬਲ
JS JSON
JS Map
JS Math
JS ਨੰਬਰ
JS Promise
JS RegExp
JS Set
JS ਸਟਰਿੰਗ
JS ਆਬੇਦਾਨ
JS ਓਪਰੇਟਰ
JS ਓਪਰੇਟਰ ਪ੍ਰਾਥਮਿਕਤਾ
JS ਸਟੇਟਮੈਂਟ
JS ਟਾਈਪਿੰਗ ਆਰਰੇ
ਵਿੰਡੋ
ویندو آوبجیکٹ
ਵਿੰਡੋ ਕੰਸੋਲ
ਵਿੰਡੋ ਇਤਿਹਾਸ
ਵਿੰਡੋ ਸਥਾਨਿਕਤਾ
ਵਿੰਡੋ ਨੇਵੀਗੇਟਰ
ਵਿੰਡੋ ਸਕਰੀਨ
HTML DOM
HTML ਦਸਤਾਵੇਜ਼
HTML ਐਲੀਮੈਂਟ
HTML ਅਟਰੀਬਿਊਟ
HTML ਈਵੈਂਟ
HTML ਈਵੈਂਟ ਆਬੇਦਾਨ
HTML ਕਲੈਕਸ਼ਨ
HTML NodeList
HTML DOMTokenList
HTML ਸਟਾਈਲ
ਵੈੱਬ API
API Canvas
API ਕੰਸੋਲ
API Fetch
API ਪੂਰਣਪ੍ਰਦਰਸ਼ਨ
API ਸਥਾਨਿਕਤਾ
API ਇਤਿਹਾਸ
API MediaQueryList
API ਭੰਡਾਰ
API ਪ੍ਰਮਾਣੀਕਰਣ
API ਵੈੱਬ
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>
</a></li> <li><a href="/pa/jsref/dom_obj_time.html" title="HTML DOM Time ھائنس"><time></a></li> <li><a href="/pa/jsref/dom_obj_title.html" title="HTML DOM Title ھائنس"><title></a></li> <li><a href="/pa/jsref/dom_obj_track.html" title="HTML DOM Track ھائنس"><track></a></li> <li><a href="/pa/jsref/dom_obj_u.html" title="HTML DOM Underline ھائنس"><u></a></li> <li><a href="/pa/jsref/dom_obj_ul.html" title="HTML DOM Ul ھائنس"><ul></a></li> <li><a href="/pa/jsref/dom_obj_var.html" title="HTML DOM Variable ھائنس"><var></a></li> <li><a href="/pa/jsref/dom_obj_video.html" title="HTML DOM Video ھائنس"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/pa/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ھائنس">CSSStyleDeclaration</a></li> <li><a href="/pa/jsref/jsref_type_conversion.html" title="JavaScript ھائنس تبدیلی">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/pa/howto/index.html" title="CodeW3C.com کا ڈاگ بگ">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> پچھلے پینج <a href="/pa/jsref/prop_style_isolation.html" title="Style isolation کا حصہ">ایزولیشن</a></li> <li> آئندہ پینج <a href="/pa/jsref/prop_style_left.html" title="Style left کا حصہ">بائیں</a></li> <li> پچھلے سیکشن کی واپسی <a href="/pa/jsref/dom_obj_style.html" title="ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ">ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ</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="/pa/cssref/pr_justify-content.html" title="CSS justify-content کا حصہ">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="/pa/tiy/t.html?f=jsck_style_justifycontent">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 justifyContent 属性：</p> <pre><i>object</i>.style.justifyContent</pre> <p>设置 justifyContent 属性：</p> <pre><i>object</i>.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"</pre> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td>flex-start</td> <td>默认值。项目位于容器的开头。</td> </tr> <tr> <td>flex-end</td> <td>项目位于容器的末端。</td> </tr> <tr> <td>center</td> <td>项目位于容器的中心。</td> </tr> <tr> <td>space-between</td> <td>在行间为项目留出空间。</td> </tr> <tr> <td>space-around</td> <td>在行前、行间和行后为项目留出空间。</td> </tr> <tr> <td>initial</td> <td>将此属性设置为其默认值。请参阅 <a href="/pa/cssref/css_initial.html" title="CSS initial کا کلیدی الفاظ">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>从其父元素继承此属性。请参阅 <a href="/pa/cssref/css_inherit.html" title="CSS inherit کا کلیدی الفاظ">inherit</a>。</td> </tr> </table> </div> <div> <h2>技术细节</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">默认值：</th> <td>flex-start</td> </tr> <tr> <th>返回值：</th> <td>字符串，表示元素的 <a href="/pa/cssref/pr_justify-content.html" title="CSS justify-content کا حصہ">justify-content 属性</a>。</td> </tr> <tr> <th>CSS 版本：</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>浏览器支持</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>支持</td> <td>12.0</td> <td>支持</td> <td>9.0</td> <td>支持</td> </tr> </table> </div> <div> <h2>相关页面</h2> <p>HTML DOM STYLE 参考手册：<a href="/pa/jsref/prop_style_aligncontent.html" title="Style alignContent کا حصہ">alignContent 属性</a></p> <p>HTML DOM STYLE 参考手册：<a href="/pa/jsref/prop_style_alignitems.html" title="Style alignItems کا حصہ">alignItems 属性</a></p> <p>HTML DOM STYLE 参考手册：<a href="/pa/jsref/prop_style_alignself.html" title="Style alignSelf کا حصہ">alignSelf کا حصہ</a></p> </div> <div class="prenextnav-ref"> <ul> <li> پچھلے پینج <a href="/pa/jsref/prop_style_isolation.html" title="Style isolation کا حصہ">ایزولیشن</a></li> <li> آئندہ پینج <a href="/pa/jsref/prop_style_left.html" title="Style left کا حصہ">بائیں</a></li> <li> پچھلے سیکشن کی واپسی <a href="/pa/jsref/dom_obj_style.html" title="ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ">ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> توجیہ گھر </center><h3> <h5 id="tools_reference"><a href="/pa/jsref/index.html">جاوا اسکریپت اور ایچ تی ایم ال ڈوم مرنام</a></h5> <h5 id="tools_example"><a href="/pa/js/js_examples.html">JavaScript مثال</a></h5> <h5 id="tools_quiz"><a href="/pa/js/js_quiz.html">JavaScript امتحان</a></h5> <h5 id="tools_tutorial"><a href="/pa/js/index.html">JavaScript تعلیم</a></h5> </div> <div><h3><center> اسپانسرنگ لنگ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> کمپنی CodeW3C.com کا مطلب صرف تربیت اور ٹیسٹ کے لئے فراہم کیا گیا ہے، صحت کی گارنٹی نہیں دی جاتی ہے۔ اس ویب سائٹ کا استعمال کے ذریعے آئندہ اور کسی دوسرے خطرات سے کمپنی کو جڑا نہیں ہوگا۔ حقوق کی محفوظ، تمام حقوق رکھا گیا ہے。 </p> <p id="p2"> <a href="/pa/about/index.html" title="کمپنی CodeW3C.com کا بارہم">کمپنی CodeW3C.com کا بارہم</a> <a href="/pa/about/about_helping.html" title="کمپنی CodeW3C.com کی مدد">کمپنی CodeW3C.com کی مدد</a> <a href="/pa/about/about_use.html" title="کمپنی CodeW3C.com کا استعمال">استعمال شرائط</a> <a href="/pa/about/about_privacy.html" title="کمپنی CodeW3C.com کی پرائیویسی">پرائیویسی شرائط</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="پاورڈ بے Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>