简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
在Tailwind CSS中，如何將第二個flex專案環繞在第一個專案周圍的指南
P粉156983446
P粉156983446 2023-08-02 18:31:22
0
1
382

我有一個包含兩個flex項目的flex容器。第一個flex項目應該確定容器的寬度，而第二個flex項目應該環繞在其周圍。我正在使用Tailwind CSS進行樣式設置，但是我無法獲得所需的佈局。

這是我目前的程式碼：

我嘗試使用w-2/3來設定第一個子元素的寬度，但是第二個子元素仍然佔據了容器中所有可用的空間。我應該如何使第二個flex項目環繞在第一個項目周圍，並且讓第一個項目確定容器的寬度呢？

非常感謝您提供的任何幫助或指導！先致謝！


P粉156983446
P粉156983446

全部回覆 (1)
P粉402806175
P粉4028061752023-08-03 00:51:32 1樓

我不確定我是否完全理解您的問題，但這是我認為的解決方案：

  • #首先，對於第一個子div，使用固定寬度，例如w -56。
  • 然後給父div添加一個w-fit類別。
#
點贊+0
新增回覆
    熱門專題
    更多>
    熱門文章
    熱門教學
    更多>
    相關教學
    熱門推薦
    最新課程
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！