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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

シュリンクラップフレックスボックスを使用してフレックスアイテムをラップし、中央に配置できるようにします。

パックされたコンテンツを含むフレックスボックスがあります。フレックスボックスをその内容に合わせて縮小するにはどうすればよいですか?私が解決しようとしている根本的な問題は、フレックスボックスを中央に配置することです。この画像は私の問題を説明しています: この目標を達成するにはどうすればよいでしょうか?これは純粋な CSS で実現できますか? Flexbox が 1 列目、2 列目、または 3 列目に折り返されるかどうかは、事前にはわかりません。要素の幅は既知です。高さは不明であることが望ましいですが、その方が簡単な場合は、一定の高さを決定することもできます。 width:min-content、...

P粉807239416 2023-09-13 15:26:47

css3 flex 子要素にボーダーを追加した後の問題

親要素を flex に設定すると、子要素 {flex:0 0 33.3333%} は同じ行内で 3 等分できます。ただし、子要素にボーダーを追加した場合は 2 つまでしか配置できません。 Flex は同じ行で伸縮しますが、境界線の幅は計算されません。

漂亮男人 2017-05-16 13:27:46

レスポンシブブロックをフレックス列に配置する

ヘッダー、ボード、フッターのあるゲーム Web サイトを持っています。 3 つすべてがビューポート内に収まるようにする必要があります。これを実現するには基板を小さくする必要があります。縮小化が私が抱えている問題です。幅を応答させることはできましたが、高さを制限することはできませんでした。ボードは正方形のままで未使用のスペースを占めるか、オーバーフローを防ぐために縮小する必要があります。以下のようなことをしているのですが、チェス盤が親の高さからはみ出してしまいます。実際のコードでは、行の折り返しによりヘッダーの高さは不明です。フッターにはさまざまな量のテキストが含まれます。チェス盤の内部には、行...

P粉545682500 2023-09-03 19:51:51

子要素のフォントサイズを変更すると、フレックスコンテナが元の位置からずれるのはなぜですか?

この問題は非常に奇妙で、通常のコンテナとフレックスボックスでは動作が異なります。最初の子要素のフォントサイズを変更すると、コンテナの高さが変更されるのはなぜですか?フレキシブルボックスの場合、なぜ特定の距離を上下に移動するのでしょうか?この問題はどうすれば解決できますか?フレックスボックスが動かないようにしたいです。

P粉186897465 2023-07-23 15:17:08

フレックス項目が他のフレックス項目に囲まれている場合、コンテナ内の中央にフレックス項目を配置します

フレックスボックスがあります（例として以下のコードスニペットを参照してください）。すべての場合において、フレックスボックスの中心で、他のスパンがマーカーに基づいてその周りを流れるように設定したいと考えています。私は基本的に align-selfCSS コードを探していますが、水平軸ではなく主軸を探しています（これは私が求めていることを説明するのに役立つかもしれません）。また、 margin:auto; も私のものに適用しましたが、これはこれを読んだ後に学びました (素晴らしいページですが、それでも次のような疑問が残ります - すべてを完全に理解しているわけではありません)。これは

P粉042455250 2023-08-25 14:40:25

CSS スケールプロパティを使用すると、Vuetify の v メニュードロップダウンが間違った位置に表示される

添付画像に示すように、CSS プロパティのスケールを使用すると、v メニューの位置が間違った場所になります。対応する codepen: https://codepen.io/satishvarada/pen/YzjGNVZ v-autocomplete コンポーネントを使用する場合にも同様の問題が発生します。 newVue({el:'#app',vuetify:newVuetify(),data:()=>({items:[{title:'ClickMe'},{title:'Cl

P粉983021177 2024-03-19 18:55:15

JavaScript - 左側のナビゲーションを拡大縮小する方法

ボタンをクリックすると、「これはプラグインを使用して行われますか?」と表示されます。ネイティブを使用する場合、ホバー効果はどうあるべきですか?

三叔 2017-06-30 09:59:54

フレックスアイテムをコンテンツサイズよりも小さくできないのはなぜですか?

フレックスボックス列が 4 つあり、すべて正常に動作しますが、1 つの列にテキストを追加して大きなフォントサイズに設定すると、フレックスプロパティにより列が本来よりも広くなってしまいます。 word-break:break-wordを使用してみましたが、役に立ちましたが、列のサイズを非常に小さい幅に変更すると、テキスト内の文字が複数の行に分割されます（1行に1文字）が、列の幅は一文字より小さいサイズ。このビデオをご覧ください (最初は最初の列が最も小さいですが、ウィンドウのサイズを変更すると、それが最も幅の広い列になります。常にフォローしたいだけです)

P粉432906880 2023-08-21 22:36:03

フレックスアイテムがコンテンツサイズを超えて縮小しないのはなぜですか?

フレックスボックス列が 4 つあり、すべて正常に動作しますが、列にテキストを追加して大きなフォントサイズに設定すると、フレックスプロパティにより列が本来の幅よりも広くなってしまいます。 word-break:break-wordを使用してみましたが、列のサイズを非常に小さい幅に変更すると、テキスト内の文字が複数の行に分割されます（1行に1文字）が、列の幅は一文字より小さいサイズ。このビデオをご覧ください (最初は最初の列が最も小さいですが、ウィンドウのサイズを変更すると、それが最も幅の広い列になります。常に尊重したいだけです)

P粉242126786 2023-08-27 16:35:08

エラスティックプロパティを正しく使用してエラスティックコンテナをネストする

フレックスボックスを正しく使用する際にいくつかの問題があり、親要素と子要素のネストについて説明が必要です。子要素が親要素の flex プロパティを継承することはわかっていますが、さらに子孫の要素 (「孫」など) はどうなるのでしょうか?この場合のフレックスボックスの正しい使い方は何ですか?つまり、子要素の子要素に適用するには、子要素にもdisplay:flexを適用する必要があるのでしょうか？これは、最初の子要素の親要素の flex プロパティをオーバーライドしますか? .parent-container{disp

P粉369196603 2023-08-24 11:43:49

HTML、CSS、SVG を使用してスケーラブルな標識を作成する

道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラフィックのみを背景グラフィックとして使用してこれを試してみると、矢印はそれに応じて拡大縮小および圧縮/伸縮されます。したがって、これを行う方法は、テキストを通常の div に配置し、CSS:after を使用して矢印を SVG として追加することです。矢印は完全に塗りつぶされているはずです。つまり、フレームの問題に対処する必要はありません。（見やすくするためにSVGを黒のままにしました）最初の問題は、矢印が常にブロ...

P粉555682718 2024-03-31 14:45:14

rem を使用しているにもかかわらず、拡大または縮小すると要素のサイズが変化するのはなぜですか?

CSSpositionプロパティを使用して入力にボタンを配置するプロジェクトを実装していますが、すべてが正常に機能します。レスポンシブモードであっても問題はありません。偶然、ズームしたいのですが、何かを調べていると、ズームすると次のことに気づきました。 in または out 入力の上部または下部の間にギャップがあり、特定のサイズではギャップがなく、すべて問題ありません。私が知っている限り、rem はビューポートとこれビューポートのサイズに応じてズームインまたはズームアウトするため、論理的には r を使用すると

P粉729198207 2023-09-08 15:06:21

フォントストレッチ属性が起動できない問題の解決方法

font-stretch プロパティはまったく機能しません。これは私のコードです: <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>font-stretch</title><style>p{font-size:5em;font-family: 'ミリアドプロ」

P粉676821490 2023-08-26 14:42:23

画面上の CSS センターポップアップ。コンピューターやタブレットでは機能しますが、携帯電話では機能しません

CSS を使用して、画面中央にヘルプポップアップを表示してみてください。私のコンピュータと iPad では問題なく動作しますが、iPhone ではポップアップがスクロール可能な垂直方向のスペース全体の垂直方向の中央に配置されるため、表示するために時々上下にスクロールする必要があります。呼び出されたときに、現在表示されている画面の中央に配置したいと考えています。 (ページの高さは静的ではないことに注意してください。つまり、ユーザーのアクティビティに基づいて伸びたり縮んだりします)。関連する CSS は次のとおりです: .helpcontent{position:fixed;top:50%;le...

P粉662802882 2024-03-28 20:02:46

React MUI は時計回りにプロパティを入力します

MuiBox には、時計回りの構文に対するパディング省略形プロパティがありません。この構文は無効であるため、構文エラーが発生します。

P粉312195700 2023-07-25 10:17:02

フレックスコンテナ内の画像間の間隔をなくす

[重複] ここで回答しました画像の下に余分なスペースがある div 内の画像複数の行に沿って異なるサイズの画像をいくつか表示しています。この例は行間に隙間があります。色々試してみましたが原因が分かりませんでした。 <divclass="muralBox"><divclass="wrapper"><divv-for="(topAlbum,i)intopAlbumInfo.value"

P粉921130067 2024-03-27 12:23:19

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

MUI: フレックスボックスで画像の中心を揃えて調整する

画像が中央に配置されているのに整列していないのはなぜですか?混乱しています。<Boxsx={{display:'flex',minHeight:'100vh',alignItems:'center',flexGrow:1,}}><ContainermaxWidth="sm"><imgsrc="https:/ / static.vecteezy.com/system/r

P粉550323338 2023-09-08 18:20:02