<li>
単一の流体に10個あるとしましょう<ul>
。ブラウザのサイズを変更すると、<li>
次の行に移動します。また、ページの中央に配置したい<ul>
とします。
HTML:
<ul>
<li>Lorem</li>
<li>Lorem</li>
<li>Lorem</li>
<li>Lorem</li>
<li>Lorem</li>
<li>Lorem</li>
<li>Lorem</li>
<li>Lorem</li>
<li>Lorem</li>
<li>Lorem</li>
</ul>
Css:
ul {
text-align: center;
}
li {
display: inline-block;
text-align: left;
}
これで中央揃えになります<ul>
が、明らかに10で、ページ/画面サイズが1行あたり<li>
4つしかない場合は、最後の行の中央に2つあり、前の行の最初の行に揃えられません。<li>
<li>
<li>
私が達成しようとしていることがcssを使用してのみ実行できるかどうかはわかりません(各行が異なっていれば問題ない<ul>
と思いますが、1つだけが必要です<ul>
。
だから私はトリックがjqueryを使用して実行できるか、および/または実行する必要があるかどうか疑問に思いますか?