flexbox

0熱度

2回答

我正在使用Accordion摺疊引導組件在頁面中顯示兩個摺疊項目。第一個摺疊項目默認摺疊，第二個摺疊項目中有一個顯示PDF文檔的iframe。我需要第二個可摺疊項目來適應屏幕的左側高度。我試圖用彈性盒來實現它，但似乎崩潰事件和彈出框有問題。我將不勝感激任何幫助。這是我的小提琴例如： Example 下圖描述了不希望的行爲： <vp-leftpanel> <div class="pane

0熱度

1回答

具有柔性和不同寬度

JSFiddle 點左，中和右對齊元件是使左UL與最大寬度左對齊，沒有指定的寬度中心塊總是居中（該UL可能會發生變化的內容）並且右邊的ul總是在我的頂部導航欄中以最大寬度浮動。主要問題是，當我指定ul的flex屬性的寬度不會像我期望的那樣工作：3rd ul必須對齊到右邊，而2nd應該在一條線上佔用儘可能多的空間。對齊方式沒問題，但是第3個ul需要太多空間（多於需要），並且視覺上不會右移。如果指定

1熱度

2回答

反應表列固定寬度戰利品整個表

有人可以向我解釋爲什麼我不能設置固定寬度爲名字列？它的設置通過寬度，但它損壞整個表。如果你修改調整大小（鼠標）其他列將出現。這是由於flebox嗎？我不熟悉flexbox。 var ReactTable = ReactTable.default class App extends React.Component { constructor() { super();

1熱度

1回答

CSS：Flex項目不隨Chrome中的內容增長

我一直面對這個問題好幾個小時，我還沒有找到解決辦法，甚至沒有找到其他問題的答案。看起來Flex項目在google-chrome中的定位不好，因爲它們在mozilla firefox中。我正在製作一張表格作爲日期報告顯示，每個項目都包含一個表格，顯示在該特定日期完成的活動，並且所有這些項目都以flex的column方向顯示，以使標題日期位於表格上方，也是因爲表格必須位於該項目的中心。一切正常，直

-1熱度

1回答

如何在Safari中修復flex 50％佈局問題？

我有一個柔性佈局的小例子，我對Safari有一些問題（版本10.1.2（12603.3.8））所以有一個內容，它裏面有四個框，佈局2×2。底部有一個頁腳部分。我想將這些框放在內容div中，以便將其高度和寬度填充50％。但在Safari中，它似乎忽略了頁腳部分，並且它將框放置爲與整頁對齊。所以在這裏我想要什麼，以實現和它的作品在Chrome中：而這正是它看起來像在Safari：我設法嘗試在

0熱度

2回答

Flexbox的格列 - 高度相等的子元素

我使用Flexbox的電網建設列布局，我想每一列的所有子元素將在所有高度相等。當前HTML： <div class="row middle-xs center-xs"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <h2>Lorem ipsum dolor sit amet</h2> <p>Lorem

1熱度

2回答

無法使聚合物2鐵彈性佈局正常工作

在這裏將我的頭撞在牆上。 Barebones Polymer 2.0項目，能夠創建我的自定義組件，我無法獲得iron-flex-layout或iron-flex-layout-classes的工作。安裝聚合物CLI，並使用涼亭安裝聚合物。目錄結構： /bower_components polymer, webcomponentsjs, iron-flex-layout, shadyc

1熱度

1回答

獲取彈性框列以填充可用空間

我一直在試圖讓CSS彈性框正確工作，以填充列彈性框中的項目。基本上我希望這段代碼將兩塊柔性片均勻地分隔開，每片都佔用可用高度的50％。如果我手動將高度設置爲50％，它可以工作，但這似乎是不正確的解決方案，因爲我認爲設置flex：1應該這樣做。我在這裏閱讀指南：https://css-tricks.com/snippets/css/a-guide-to-flexbox/並嘗試了各種對齊自我，fl

1熱度

4回答

顯示柔性盒居中但左對齊項左左對齊

我試圖設置這些div以顯示在中心但保持其項目顯示爲左，如text-align: left會做。這裏是我的例子：https://jsfiddle.net/gr5Lmos1/ #donateList { display: flex; justify-content: center; align-items: center; align-self

0熱度

4回答

如何創建像12列（僅網格）的網格系統使用新的CSS網格系統佈局

如何使用新的CSS網格技術創建類似引導程序的12列網格？任何人都可以告訴我演示如何做到這一點？我真的很困惑這種新技術。我想使用CSS網格製作一個簡單的12列網格狀引導程序。我的方法應該是什麼？