简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
タイルレイアウトでの横スクロールボタン
P粉823268006
P粉823268006 2023-08-31 20:54:51
0
2
549
<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>
P粉823268006
P粉823268006

全員に返信(2)
P粉060528326
P粉0605283262023-09-01 14:46:59 2棟

この CSS コード「white-space:nowrap;」をコンテナ DIV に追加するだけです。

リーリー
いいねを押す +0
返信を追加
P粉156415696
P粉1564156962023-09-01 10:50:41 1棟

解決策を見つけました:

リーリー
いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！