flexbox

1熱度

1回答

<nav> <div id="navbox" style="display: box; box-orient: horizontal;"> <img src="../gfx/lg_logo.png"></img> <div>tagline</div> </div> </nav> 在Chrome的檢查器中，div「navbox」的flexbox屬性與其旁邊的黃色警告圖標

5熱度

2回答

是否有一個CSS解決方法，解決了Firefox收縮內容的錯誤？

這裏是我的代碼小提琴：http://jsfiddle.net/kizu/GCahV/（在Firefox和其他現代瀏覽器進行比較）我想達到的目標：必須有一個內聯塊（或至少一個塊與float）與兩部分：左和右。這些部件必須是並排的，並且必須是靈活的，正確的部分可以根本不存在。父塊必須有一些max-width（在%或固定在px）。當左側部分足夠大時，必須溢出，但必須始終顯示右側部分。使用in

0熱度

1回答

JQuery Flexbox - 檢索動態結果

我已將Flexbox作爲課程列表的自動填充解決方案實施。我只是簡單地通過它從數據庫中提取的課程的完整列表，以正確的JSON格式。我的印象是，當我輸入時，它會考慮縮小匹配列表的範圍，但是它只是打印整個列表並突出顯示匹配的字符。我是否必須編寫自己的服務器端腳本來動態縮小結果？我認爲通過一個列表就足夠了，因爲文檔特別注意到：「在所有調用」results.aspx「的示例中，數據都是一個包含105個英

0熱度

1回答

如何在文檔中對齊彈性盒子？

今天，在使用FF4中的靈活盒子模型時，我注意到我無法使用margin: 0 auto;將文檔中心放在文檔中。有沒有人知道任何方式來居中這個容器？在Webkit中，它按預期工作。

2熱度

2回答

是否可以創建一個4x4 flexbox網格？

我正在嘗試創建一個4x4 flexbox網格。四個盒子中的每一個盒子都應該具有相同的垂直高度，但是從左到右每排兩堆。這可能嗎？（調整960和640之間的瀏覽器中看到我的嘗試：http://www.joshuasortino.com/index-new或查看我想它是如何工作的：http://www.joshuasortino.com/index）編輯：此效果可以通過（對每行一個）創建兩個容器但我

1熱度

1回答

最大寬度不適用於Firefox的靈活框模型？

我正在嘗試使用新的css3 flexbox模型進行佈局。我想要一個佔據100％高度的頁面，使用一個固定的頁腳和頁眉，剩下的內容位於中間的一列。內容列應該佔據寬度的100％，直到固定的最大寬度。另外，一切都應該在中心對齊。我設法完全按照this demo的規範來構建它，這在Chrome或任何基於webkit的瀏覽器中都很出色。但它在Firefox中打破了，在這裏添加「max-width」屬性使得所

2熱度

3回答

IMG寬度100％在顯示：框（CSS flexbox父母）

我想調整圖像的大小，其父div的寬度;通常width: 100%;工作正常，但當父母有display: box; IMG不調整大小。給孩子圖片box-flex: 1沒有效果。 <div style="display: -webkit-box; -webkit-box-pack: center; width: 100%;"> <img src="foo.jpg" style="-webki

3熱度

3回答

哪個瀏覽器正確對待css3彈性盒？

在試用css3 flex-box proporty之後，我很快注意到Chrome和Firefox的一些差異。特別是：如果你在一個應該是flex的元素上設置一個寬度，那麼firefox會根據它所需要的元素彈出元素，它將寬度樣式考慮進來，但它只是一個變量。 Chrome會尊重與風格充分，一個例子： <div id="box"> <div class="flex-box">Test</di

2熱度

3回答

jQuery/ajax：我想爲組合框設置一個初始值，然後有一個其他值的下拉列表。我怎樣才能做到這一點？

我想要一個組合框併爲其設置一個初始值。但我仍然希望用戶能夠點擊以查看與初始值不同的選項下拉列表。我想到的一個例子是公共交通方向Google Maps。您可以看到，在最右邊的組合框中，初始值設置爲當前時間。但用戶仍然可以單擊箭頭並查看與初始值不同的值的下拉列表。我已經看過FlexBox但每當我設置一個初始值時，下拉列表中只有該初始值存在。你可以在這裏看到demo #7。有什麼辦法可以配置Fle

1熱度

4回答

顯示內容：-webkit-box; -webkit-箱柔性：1

試着想像的情況有一個div並在容器內有三個div的，，有時我們需要讓裏面的div自適應。這樣 CSS： .a{display:-webkit-box;width:300px;height:100px;background:#222} .a div{-webkit-box-flex:1;height:100px} .a-1{background:red} .a-2{background: