CSS の問題: 水平スクロール (overflow-x:scroll) が機能しない

「ページ」が 3 つあり、それらを水平にスクロールしたいと考えています。水平スクロールバーは正常に作成できましたが、マウスホイールを上下にスクロールしても何も起こりません。私のコンテナは次のようになります: body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;} 完全な HTML+CSS: body{width : 100vw;ヘイ

P粉295616170 2024-03-29 16:06:18 0  1  547

水平スクロールバーにのみCSSを適用する方法

私は新しいインターンで、彼らは私に簡単なタスクを与えました: 水平スクロールバーをパーソナライズする このコードはありますが、垂直スクロールバーが消えます... 垂直方向をデフォルトにする必要があります... 水平スクロールの記事のみをパーソナライズする必要があります。 ::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-thumb:horizo​​ntal{border-radius:8px;background-color:rgba(92,92,92,0.5);}など

P粉276876663 2024-04-01 16:25:15 0  2  465

JavaScript - ネイティブJSで水平スクロールバーと左スクロール間の距離を監視するにはどうすればよいですか?

水平スクロールバーの左からのスクロール距離を監視する

我想大声告诉你 2017-05-19 10:08:22 0  2  660

javascript - fullpage.js についての水平スクロール コントロール

この属性は、水平ページジャンプドットを表示するかどうかを制御するものですが、たとえば、このドットにいくつかのコンテンツを変更する必要があります。助けてください。 {コード...}はこのように

曾经蜡笔没有小新 2017-05-16 13:45:15 0  2  638

Python – xlwtはテーブルデータを水平方向に挿入します

データがあります: [(1,),(2,),(3,)],[('a',),('b',),('c',)],[('e', ),('f',),('g',)] は、それぞれ 3 つの異なる列の値を表します。要件は: テーブル レコードを水平方向に書き込むことです: 私のプログラムは次のとおりですが、シーケンスの挿入しか実現できません。挿入順序を変更する方法がわかりません。指導してください...

phpcn_u1582 2017-05-18 10:50:46 0  2  788

ページを水平ではなく垂直にスムーズに移行する方法を理解する

質問: 垂直方向のスライドと、水平方向にスムーズにできるように変更する方法の違いは何ですか?

π！㏑e 2017-11-10 19:08:16 0  1  1578

要素の水平方向の中央揃えを実現します。

CSS を使用して <div> を別の <div> 内で水平方向に中央揃えする方法は? &lt;divid="アウター"&gt;<divid="インナー"&gt;フーフー&lt;/div&gt;&lt;/div&gt;

P粉268284930 2023-08-21 10:25:54 0  2  575

CSS は他のテクニックを使わずに水平ボタンを実装します

最も長いボタンの幅に基づいて、同じ幅の 2 つの水平ボタンを作成しようとしています。各ボタンのテキスト内容は、ユーザーが別のページで調整できるため、テキストの長さ/最初のボタンと 2 番目のボタンのテキストの長さを制御することはできません。ボタンを最長のテキストの長さに合わせて調整しますが、(モバイル デバイスのように) ページの幅を超えないようにしてください。ボタンをデフォルトで水平に表示したいのですが、水平に表示されない場合は、列として積み重ねます。テキスト全体が収まらない場合は、ボタンのテキストを折り返す必要があります。 <divclass=&qu

P粉893457026 2023-09-04 12:29:02 0  1  619

コンテンツを水平方向に繰り返し出力するにはどうすればよいですか?

コンテンツを水平方向に繰り返し出力するにはどうすればよいですか?比率は 4 列 5 行の形式です

飞天传媒--招牌 网站 婚庆 显示屏 2017-12-14 07:49:05 0  3  1080

HTML で 3 つの div を水平方向に配置するにはどうすればよいですか?

3 つの水平パーティションを持つサンプル Web サイトを作成しています。左端のパーティションの幅を 25%、中央のパーティションの幅を 50%、右のパーティションの幅を 25% にして、パーティションが水平方向のスペースの 100% を占めるようにします。 &lt;html&gt;&lt;title&gt;ウェブサイトのタイトル&lt;/title&gt;&lt;divid="thewholething" style="heig

P粉419164700 2023-08-21 19:20:03 0  2  609

CSS のヒント: 水平線と中央揃えのテキストを作成する

テキストを含む水平方向の仕切りを作成しようとしています。例: ----------------------------------これが私のタイトルです -------- - ------------------------CSS でこの効果を実現する方法はありますか?明らかに、すべての「-」ダッシュを使用する必要はありません。

P粉248602298 2023-08-20 15:11:18 0  2  553

mjml テーブルを水平スクロールで強化し、オーバーフローを追加する

mjml を使用して、テーブルを含む電子メール テンプレートを作成しています。また、ヘッダー名が非常に長いため、テーブルが横方向に大きくなりすぎます。青いコンテナ内を水平にスクロールさせたいのですが、実現できません。スクロール可能にするにはどうすればよいですか?これはmjmlのライブコードです

P粉464088437 2024-03-27 22:43:41 0  1  534

グリッド内の列を使用してフレックスを水平方向にラップするにはどうすればよいですか?

https://codepen.io/itaied246/pen/eYbOWjm スペースを水平に埋めて下にスクロールする垂直スクロールを備えたフレックスボックスを作成することに成功しました。同じことを水平方向に実行したい、つまり、垂直方向にスペースを埋めて右にスクロールします。私の flexdiv は、最大コンテンツを持つ対応するグリッド内にあります。私は何を取りこぼしたか？

P粉481035232 2023-08-16 21:11:09 0  1  582

Vue の水平スクロール

マウスでアイコンを横にスクロールしたいです。 JavascriptのscrollLeftで試してみましたが、スクロールしても値は変わりません。スクロールすると、deltaY 値のみが 100 と -100 の間で変化します。どこに問題があるか知っている人はいますか?スクロールしてスクロールバーをマウスオーバーすると機能しますが、divコンテナ全体で機能したいと考えています。また、可能であれば依存関係/npm-librariesなしでこれを実行したいと考えています。テンプレート<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27 0  2  584

div ブロック内でテキストを (水平方向と垂直方向に) 中央揃えにするにはどうすればよいですか?

Ihaveadivsettodisplay:block(90pxheightandwidth),andIhavesometextinside.テキストを垂直方向と水平方向に中央揃えにする必要があります。 text-align:centerを試しましたが、vertical-aligningの部分ができませんでしたので、vertical-align:middleを試しましたが、twoはできませんでした

P粉969253139 2023-08-24 16:58:26 0  2  622

CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか?

片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているため、水平方向にスタックされますが、垂直方向にもスタックしたいのです。私の現在のコード： .topicheader{padding:2%2%;float:leftdisplay:block;background-image:linear-gradient(totop,rgb(40,40,40),rgb(50,50,50))

P粉982054449 2024-04-06 20:45:26 0  2  1010

タイトルを次のように書き換えました: Flexbox を使用した要素の水平方向と垂直方向の中央揃え

フレックスボックスを使用してコンテナ内で div を水平方向と垂直方向の中央に配置する方法。以下の例では、各数値を（行ごとに）下中央に配置したいと考えています。 .flex-container{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;}row{width:100%;}.flex-item{background :トム

P粉748218846 2023-08-20 13:00:18 0  2  519

JavaScript - モバイル Web サイトのナビゲーション バーの水平方向のスライド減速効果を実現する方法

主要な Web サイトのモバイル版のナビゲーション バーは、一般的に水平方向にスライドできます。携帯電話の画面をタッチしてスライドさせた後、減速するスライド効果があります。この機能は非常に気に入っています。インターネットでたくさん検索した結果、見つけたものはすべてありましたjsのタッチイベントの紹介でしたが詳しい方法が見つからなかったのでマスターに原理と具体的な説明をお願いしたいです...

给我你的怀抱 2017-06-28 09:27:42 0  1  958

TailwindCSS の切り捨てられたクラスは使用されないため、大量の水平スクロールが発生します

Tailwindstruncate クラスの使用で問題が発生しています: https://tailwindcss.com/docs/text-overflow#truncate これは非常にスマートなユーティリティのように見えますが、ブラウザーはテキストを切り詰めないように何かを行うようです (超長い水平文字も含む)スクロールする場合、これは絶対に望ましくないことです。ブラウザが切り詰められたテキストに対して寛容になるようにするにはどうすればよいですか?

P粉733166744 2024-03-30 18:26:21 0  1  489

書き換えられたタイトル: サイズ変更時に固定 HTML の正方形または円要素を水平方向および垂直方向に中央揃えにします。

水平方向と垂直方向にさまざまなサイズの正方形または円の固定 HTML 要素を中央に配置するにはどうすればよいですか?この難しさは、幅と高さを等しく保つ必要があるという事実から生じると思います。

P粉455093123 2024-04-04 12:31:51 0  1  511