に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

Flexbox での画像の位置合わせに関する問題と課題

最近、自分で開発したホームページに取り組んでいますが、フレックスボックス内で項目を整列させるのに少し苦労しています。最初のフレックスボックスには 3 つの画像が含まれており、すべての画像が互いの下に縦一列に配置されている必要があります。これは 2 番目のフレックスボックスにとっても重要です。これは私のコードです: .flexcontainer-1{display:flex;justify-content:flex-start;align-items:left;height:auto;width:auto;

P粉068510991 2024-02-26 00:26:26

新しいタイトル: 私のポイントは、フレックスボックスを使用する場合、スティッキー要素のスティッキープロパティは保持されないということです。

私はしばらくこの問題で立ち往生していたので、このposition:sticky+flexboxの問題を共有したいと思いました：私のスティッキーdivは、フレックスボックスコンテナビューに切り替えた後、フレックスボックスの親要素でラップされたときに突然スティッキーでなくなりました。 .flexbox-wrapper{display:flex;height:600px;}.normal{background-color:blue;}.sticky{position:-webkit-stic

P粉356128676 2023-08-21 23:28:29

Flexbox 内で空のテーブル列を使用する: nowrap

Flexbox コンテナ内の空白の nowrap テキストがページからはみ出しています。 CSS レイアウトで奇妙な特殊なケースに遭遇しているようです。テーブルがあり、1 つの列に 2 つの列を持つフレックスコンテナーがあります。最初の列には選択範囲が含まれており、2 番目のテキストは 1 行に収める必要があり、長すぎる場合は省略記号で終わる必要があります (テキストは動的です)。明確にするために、私はテーブル HTML を制御できません。 HTML を追加できるのは列内のみです。フレックスボックス内のテキストのオーバーフローは一般的な問題のようですが、私の場合は通常の解決策はすべて機能しま...

P粉217784586 2024-03-28 22:08:37

折りたたみ可能な要素を Flexbox レイアウトに挿入する方法

画像が折り返されたフレックスボックスレイアウトがあり、画像がクリックされたときに情報を表示したいと考えています。情報は、「列」を移動せずに、画像を含む行とそのすぐ下の行の間に表示される必要があります。これは私が望むタイプの効果です: http://olmenta.altervista.org (本をクリックしたとき)。私がやったことは次のとおりです: https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59

Flexbox を使用して要素を左と中央に揃える

子要素を整列させるために Flexbox を使用しています。私がやりたいのは、1 つの要素を中央に配置し、もう 1 つの要素を左に揃えることです。通常、左要素を設定するには margin-right:auto を使用します。問題は、中心要素を中心から遠ざけることです。絶対位置決めを使用せずにこれは可能ですか? HTML と CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23

CSS FLEXBOX でアイコンの周囲の空白を削除するにはどうすればよいですか?

私は初心者なのですが、フレックスボックスを使用するときにアイコンの周りの青い背景色を取り除く方法を誰かが説明してもらえますか?子要素のプロパティを親要素に一般化することはできません。私のコードと結果では、inline-flex を使用したくありません。ありがとう

P粉765570115 2023-08-10 14:11:39