左矢印ボタン、画像ボタンのセット、右矢印ボタンで構成されるツールバーを作成する必要があります
私の要件は次のとおりです。
ツールバーは 1 行に配置する必要があります
ツールバーは水平方向の中央に配置する必要があります
セットには多くの画像ボタンを含めることができます (N は不明)
ウィンドウの幅が小さすぎる場合、中央の div は収まらない画像ボタンを非表示にする必要があります
すべてを水平方向に中央に配置するには、これがクロムでうまく機能することがわかりました:
<div style="display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;" class="toolbar">
<button>LEFT</button>
<div style="overflow:hidden;">
<button style="height:72px">1</button>
<button style="height:72px">2</button>
<button style="height:72px">3</button>
<button style="height:72px">4</button>
<button style="height:72px">5</button>
<button style="height:72px">6</button>
<button style="height:72px">7</button>
<button style="height:72px">8</button>
<button style="height:72px">9</button>
</div>
<button>RIGHT</button>
</div>
しかし、残念なことに、ボックス パラメータは、中間セットが大きくなりすぎてすべてに収まらない場合に必要な、overflow:hidden スタイルを壊します。
すべてを水平方向にセンタリングする別の方法はありますか?