提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

css - 關於Flex佈局的問題

我用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

css3 - css flex box中flex屬性在本例中這樣設定是為什麼呢

看不懂css程式碼中下面的對item1,item2的設置，我知道flex:1 2 200px;這三個值分別對應flex-grow,flex-shrink,flex-basis，但不知道這樣寫的用意{代碼...} 完整程式碼如下 html: {程式碼...} css：{程式碼...} 最後呈現...

迷茫 2017-06-12 09:24:28

html5 - 為什麼第二個 flex 會緊跟在第一個 flex 容器？

如題：怎麼會第二個 flex 怎麼會移動到第一個 flex 容器後面呢？ navbar的代碼 {代碼...} container的代碼 {代碼...}

淡淡烟草味 2017-07-01 09:12:21

如何使用flex box將嵌套div結構的內部div放入新行？

我想要新行中的內部div(Mem3)，位於Mem1的下方，並且我不想不惜一切代價更改div結構。請幫忙。像這樣=>.flex-container{display:flex;flex-wrap:wrap;}.flex-child{border:solidblue;}.flex-fgc{border:solidblue;}.flex-inner-gc{border:solidblue ;}<

P粉982054449 2023-09-13 12:26:10

如何使用 CSS 讓底部的 Flex 欄位保持項目順序？

我有一個水平居中的Flex項目列，從1到5排序，從容器頂部對齊，如下所示：body,html{height:100%;position:relative;margin:0;padding:0;}.container{ display:inline-flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;align-content:

P粉277464743 2024-03-30 11:59:06

css3 flex 子元素加入邊框後的問題

父元素設定為flex後，子元素{flex:0 0 33.3333%}在同一排可以三等分，但是如果子元素添加了邊框，那麼同一排只能排列2個，flex彈性伸縮，不計算border寬度嗎？

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

javascript - 怎麼樣讓ie8以上的瀏覽器相容flex

頁面使用flex佈局的，已經做了很多頁面了，現在才知道flex在pc上的兼容性很差，特別ie瀏覽器。但現在改肯定很大工作量，有什麼方法讓flex版面也支援ie8以上的瀏覽器？

仅有的幸福 2017-07-06 10:34:52

css - 如何用flex實現三欄佈局，但是子元素高度要自適應呢？

我想用flex實現圖中的三欄佈局，目前遇到如下問題：當父元素設定display: flex後，三欄的高度是相同的，而我希望三欄的高度是自適應的，我嘗試設置flex-direction:colume和flex-flow:row nowrap都達不到想要的效...

滿天的星座 2017-05-16 13:45:22

javascript - css3 flex居中問題

我為元素設定justify-content:center能居中，但是加入 position: fixed;後元素為什麼不能居中呢？難道使用fixed後flex佈局就不生效嗎？ {代碼...}

阿神 2017-06-12 09:20:46

前端 - 請問display: -webkit-flex;是什麼意思？

在看一個教程，有這麼一個屬性，這個是跟display: flex;一樣的意思嗎？謝謝！

仅有的幸福 2017-06-12 09:24:35

顯示 flex 佔用的寬度大於 div 上指定的寬度

div有一定的寬度，裡面的文字動態地來自API，並且有省略號樣式。我無法提供文字的寬度，因為文字是完全動態的並且不確定文字長度。下面是解釋該問題的程式碼。 body{background-color:lightblue;}.container{display:flex;width:130px;}.d-flex{display:flex;}.flex-column{flex-direction:colu

P粉425119739 2023-09-11 18:37:38

css - 使用flex怎麼實現這種佈局？

使用flex怎麼實現這種佈局，我寫到第三個寫不下去了求大神補充。 {代碼...}

ringa_lee 2017-06-30 09:56:55

css3 - flex兩端佈局

有這麼一個需求， 1、2、3 盒子需要靠左上下居中，4、5、6盒子需要靠右上下居中用 flex 佈局能實現嗎，查了一些資料好像不行只能實現下面一些常用情況：

高洛峰 2017-05-16 13:27:30

css - Flex佈局問題

header是用的flex佈局，想要搜尋框水平居中，類似原生IOS裡面的佈局不受左右兩邊內容的影響，依然水平居中我記得我之前實現過，後來用了flex.css就忘了，麻煩看看用這個怎麼實現

曾经蜡笔没有小新 2017-05-19 10:47:50

在Tailwind CSS中，如何將第二個flex專案環繞在第一個專案周圍的指南

我有一個包含兩個flex項目的flex容器。第一個flex項目應該確定容器的寬度，而第二個flex項目應該環繞在其周圍。我正在使用Tailwind CSS進行樣式設置，但是我無法獲得所需的佈局。這是我的當前程式碼：我嘗試使用w-2/3來設定第一個專案的寬度。

P粉156983446 2023-08-02 18:31:22

css - flex版面,display:flex,與display：-webkit-box差異的問題

https://jsfiddle.net/channg/j... 為什麼display:flex 使用box的的寬度會改變？改變了flex:-webkit-box,後面的box 會被頂出去？

给我你的怀抱 2017-05-27 17:44:17

響應式 YouTube 嵌入 Flex 中

我嘗試在Flex容器中嵌入響應式YouTube以及其他一些內容，但YouTube嵌入的容器不會成長，因此要么重疊，要么被其他元素重疊。我不確定我是否解釋得很好，所以我還製作了一個代碼和盒子來演示：https://codesandbox.io/s/objective-mountain-m4dhhb?file=/src/App.jsimport{Box,Paper }from"@mui/mat

P粉111641966 2024-03-21 23:20:29

Flex-grow 沒有擴充子 div

我是css新手，我需要幫助解決一個問題。為什麼flex-grow不會將block__column_2div擴展到螢幕末端？根據課程理論，這應該是預期的行為。請告訴我我做錯了什麼？程式碼範例如下所示。索引.html+樣式.css<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF

P粉388945432 2024-02-03 18:18:58

兄弟項目在flex/grid佈局中被限制了大小

我有兩個兄弟元素，每個元素都包含動態內容。 <divclass="flex"><divclass="sibling-1"></div><divclass="sibling-2"></div>&l

P粉134288794 2023-08-24 12:52:48

css - H5頁面flex佈局怎麼相容華為

最近做個專案是行動端的網頁，突然發現在華為預設的瀏覽器中支援flex佈局，需要相容。查過資料後能相容於一個網頁，但是其他的兼容不了，不知道為啥，可能是我哪裡寫錯了，但是我沒發現哪裡錯了，心很累。附上代碼...

迷茫 2017-05-16 13:43:07