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

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

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

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

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

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

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

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

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

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

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

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

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  432

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

nginx - サーバーの負荷分散と高可用性に関する質問

サーバーの高可用性に関するいくつかの質問に答えてください。たとえば、ngnix が中間サーバーとして使用され、リバース プロキシ Web サーバー (tomcat) が負荷分散に使用されている場合、これは高可用性とみなされますか?その後、ngnix がハングアップするのではないかと心配し、高可用性を実現するために lvs+keepalived をミドルウェアとして使用しましたが、lvs もハングアップする可能性があると思います...

漂亮男人 2017-06-29 10:09:13 0  2  1103