コミュニティ
記事 トピックス に質問
学ぶ
コース プログラミング辞典
ツールライブラリ
開発ツール 公式サイト PHP ライブラリ JS特殊効果 サイト素材 拡張プラグイン
AIツール
レジャー
ゲームのダウンロード ゲームのチュートリアル
検索
日本語
简体中文 English 繁体中文 日本語 한국어 Melayu Français Deutsch
Login
singup

  • 人気の検索:
  • PHP
  • MySQL
  • jquery
  • HTML
  • CSS
  • 駅全体
  • コース
  • 記事
  • に質問
  • ダウンロード
合計 1452 件の関連コンテンツが見つかりました
Flex-Grow、Flex-Shrink、およびFlex-Basisプロパティは何をしますか?

コース紹介:Flexboxレイアウトでは、Flex-Grow、Flex-Shrink、およびFlex-Basisは、子要素の動作を制御する3つのコア属性です。 1. flex-growは、余分なスペースがあるときに要素がどれだけ拡張できるかを決定し、値が大きいほど、割合が大きくなります。 2. flexシェリンクは、スペースが不十分な場合に要素収縮の割合を決定し、値が大きいほど収縮が大きくなります。 3. flex-basisは、要素が伸びる前の初期サイズであり、固定値またはパーセンテージに設定できます。それらは通常、フレックスの略語プロパティによって一緒に設定されます。たとえば、Flex:11200PXは、等しい割合の割合の膨張と収縮が許可され、200pxから出発点として調整されることを意味し、それにより柔軟で制御可能なレイアウト効果を実現します。

2025-06-24 コメント 0  190

Tailwind Flex: Flexbox ユーティリティの初心者ガイド

コース紹介:Tailwind Flex は、複雑な CSS を記述せずにレスポンシブなレイアウトを作成する効率的な方法を提供します。 flex、flex-row、flex-col などの単純なユーティリティを使用すると、要素を簡単に整列および配置できます。 Tailwind Flex は開発者の外観に最適です

2024-10-23 コメント 0  569

CSS の「display: inline-flex」と「display: flex」の違いは何ですか?

コース紹介:違いを理解する:display:inline-flex と display:flex flex レイアウトを構築するとき、開発者はしばしばこれらの間で混乱に遭遇します。

2024-12-11 コメント 0  1243

CSS フレックスボックスの「flex: 1」は何を意味しますか?

コース紹介:Flexbox プロパティについて: 「flex: 1」は何を表しますか?flex プロパティは、flex-grow、flex-shrink などの便利な短縮表現です。

2024-12-30 コメント 0  889

Shorthand Flexプロパティとは何ですか?

コース紹介:CSSのFlex略語属性を使用して、Flex-Grow、Flex-Shrink、Flex-Basisの3つの属性を同時に迅速に設定します。形式は「Flex :;」です。たとえば、「Flex:11200px;」です。要素が必要に応じて成長し、縮小し、初期サイズが200pxであることを意味します。一般的な略語値には、「Flex:1;」が含まれます。 (「Flex:110;」に相当)利用可能なスペースを埋めるために、 "flex:auto;" (「flex:11auto;」に相当)コンテンツに基づいて自動的にサイズを変更し、「flex:none;」に基づいてサイズを変更します。成長や縮小を禁止する。略語を使用する場合、フレックスグロウの順序に注意を払う必要があります。

2025-06-26 コメント 0  1013

詳細技術記事
CSS3 Flex フレキシブル ボックス モデルによりレイアウトが自由自在

コース 初級  7805

コース紹介:flex プロパティは、フレックス ボックス モデル オブジェクトの子要素がスペースを割り当てる方法を設定または取得するために使用されます。これは、flex-grow、flex-shrink、および flex-basis プロパティの短縮形プロパティです。注: 要素がフレックスボックス モデル オブジェクトの子でない場合、flex プロパティは効果がありません。

XPointer チュートリアル

コース 初級  8301

コース紹介:XLink と XPointer チュートリアル XLink は、XML ドキュメント内にハイパーリンクを作成する標準的な方法を定義します。 XPointer を使用すると、これらのハイパーリンクが XML ドキュメント内のより具体的な部分 (フラグメント) を指すことができます。今すぐ XLink と XPointer の学習を始めましょう! 目次 XLink と XPointer の概要 この章では、XLink と XPointer の概念について説明します。 XLink および XPointer の構文 XLink および XPointer の構文

XML スキーマのチュートリアル

コース 初級  11061

コース紹介:「XML スキーマのチュートリアル」 XML スキーマは、XML ドキュメントの構造を記述します。このチュートリアルでは、アプリケーションで XML スキーマ言語を読み取って作成する方法、XML スキーマが DTD よりも強力な理由、およびアプリケーションで XML スキーマを使用する方法を学びます。今すぐ XML スキーマの学習を始めましょう!

デザインパターン

コース 初級  22454

コース紹介:デザイン パターン (デザイン パターン) は、ほとんどの人に知られている、繰り返し使用されるコード設計エクスペリエンスを分類してカタログ化した一連の概要です。デザイン パターンを使用する目的は、コードを再利用し、コードを他の人が理解しやすくし、コードの信頼性を確保することです。デザイン パターンが自分自身、他者、およびシステムにとって Win-Win であることは疑いの余地がありません。デザイン パターンにより、コード作成が真のエンジニアリングになります。デザイン パターンは、建物の構造と同じように、ソフトウェア エンジニアリングの基礎です。

正規表現マニュアル

コース 初級  28508

コース紹介:正規表現。正規表現とも呼ばれます。 (英語: Regular Expression、コード内では regex、regexp、または RE と略されることがよくあります)、コンピューター サイエンスの概念。通常のテーブルは、特定のパターン (ルール) に一致するテキストを取得および置換するために使用されます。

さらに多くのコース
  • css - Flex レイアウトに関する質問

    フレックス レイアウトに使用するコードは次のとおりです: .cszgroup-ul{ display: flex; justify-content: space-between; flex-wrap: Wrap; margin-top: 15px; padding-bottom: 5px;}.cszgroup- ul li{ width: 31%; margin-bottom: 10px;}結果は...

    2017-06-05 11:13:12 0  5  993

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

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

    2017-05-16 13:27:46 0  2  1131

  • css - flex レイアウト、display:flex、display:-webkit-box の違い

    https://jsfiddle.net/channg/j... boxを使用したdisplay:flexの幅が変わるのはなぜですか? flex:-webkit-box を変更すると、後続のボックスは押し出されますか?

    2017-05-27 17:44:17 0  1  1468

  • JavaScript - CSS3 Flex センタリングの問題

    justify-content:center を設定すると要素を中央に配置できますが、position:fixed; を追加した後、要素を中央に配置できないのはなぜですか? Flex レイアウトは、fixed を使用した後に有効になりませんか? {コード...}

    2017-06-12 09:20:46 0  1  668

  • css3 - この例では、CSS フレックス ボックスの flex プロパティがこのように設定されているのはなぜですか?

    CSS コードの item1 と item2 の次の設定が理解できません。flex:1 2 200px; これら 3 つの値がそれぞれ flex-grow、flex-shrink、flex-basis に対応していることはわかっていますが、この {code ...} を書く目的がわかりません。完全なコードは次のとおりです。html: {code...} css: {code...} 最後にレンダリングされました...

    2017-06-12 09:24:28 0  1  1092

詳細に質問

福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!

私たちについて 免責事項 Sitemap

© php.cn All rights reserved