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

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

P粉807239416 2023-09-13 15:26:47 0  1  566

それらの圧縮パッケージはどこでダウンロードできますか?

それらの圧縮パッケージはどこでダウンロードできますか?

黑涩小青年￢ 2018-04-02 21:47:34 0  0  1313

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

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

漂亮男人 2017-05-16 13:27:46 0  2  952

手順に従いましたが、ズームインまたはズームアウトすると、ボタンをクリックしてもドロップダウンが表示されません。

手順に従いましたが、ズームインまたはズームアウトすると、ボタンをクリックしてもドロップダウンが表示されません。

千里同**络科技**** 2020-08-02 17:50:48 0  0  2494

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 0  1  384

ネストされた折りたたみ可能な可視性の問題

`ネストされた折りたたみ可能オブジェクトを展開すると、その親の可視性が正しく計算されません。ネストされたコンテンツの一部が画面から欠落しています。 これは、スクロールの高さを処理する HTML コードと JS コードです。 //Getallcollapsiblebuttonsconstcollapsibles=document.getElementsByClassName('collapsible');//Addclickeventlistenerforeachcollapsiblefor(l

P粉805922437 2024-02-21 19:54:34 0  1  452

OL タグで start 属性と reversed 属性の両方を使用できるのはなぜですか?

OL タグで start 属性と reversed 属性の両方を使用できるのはなぜですか?

自渡 2018-07-04 14:25:24 0  0  1491

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

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

三叔 2017-06-30 09:59:54 0  1  809

静的プロパティは非静的メソッドで呼び出すことができます

このレッスンの 3:30 で述べたように、静的属性を非静的メソッドで呼び出すことはできませんが、個人的なテストによると、このクラスの非静的メソッドは [self::静的属性の属性名] を使用して静的属性を呼び出すことができます。 。 できる

God_Like 2019-04-14 19:20:19 0  3  2201

特定の製品可用性フラグに基づいて、Zod スキーマのすべてのプロパティをオプションにするにはどうすればよいですか?

電子商取引アプリケーションの製品属性を検証するための Zod スキーマがあります。私のスキーマには現在、製品の供給が限られているかどうかを示す isLimitedEdition というプロパティがあります。ただし、isLimitedEdition が true に設定されている場合、スキーマ内の他のすべてのプロパティをオプションにする必要があります。これは既存のアーキテクチャ構造です: constproductProperties=z.object({name:z.string().nonempty(),description)

P粉298305266 2023-08-30 22:37:05 0  1  437

HTMLのタイトル属性は編集できますか?

上記のように <h2title="SiteOwner">Mr.Mark</h2> の CSS を使用して HTMLtitle (ツールチップのように機能) 属性を編集/設定することは可能ですか?インラインCSSでスタイル設定してみましたが、うまくいきませんでした。

P粉277305212 2024-02-25 23:52:19 0  1  417

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

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

P粉555682718 2024-03-31 14:45:14 0  1  445

ミニプログラムを関数型プログラムの開発に使用できますか?

WeChat ミニ プログラムのコード サイズは制限されていますが、機能的なプログラムの開発に使用できますか?

Ignite 2018-04-14 09:54:42 0  4  1706