タイルレイアウトでの横スクロールボタン
<p>次のように、タイル レイアウトで垂直にスクロールするボタンがたくさんあります。</p>
<p>
<pre class="brush:html;toolbar:false;"><style>
.tile-button {
幅:33.3%;
高さ:100ピクセル;
背景色: 水色;
境界線: 実線の 1px グレー。
ホワイトスペース: 通常;
マーリング: 0px;
}
</スタイル>
<body style="マージン: 0;">
<div style="width:100%;height:300px;background-color:coral;overflow-y:scroll;font-size:0px;">
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<button class="tile-button">title</button>
<div>
</body></pre>
</p>
<p>今度は同じことを行う必要がありますが、水平スクロールのみを使用します。
誰か助けてくれませんか？
誠にありがとうございます</p>
