flexbox

12熱度

1回答

我很想了解關於-webkit-inline-box屬性的更多詳細信息，但我似乎無法在任何地方找到任何東西。我嘗試了W3C的正常渠道，谷歌，CSS技巧錯誤，我沒有提出任何事情。我在想這是來自flexbox的舊的繼承代碼。有誰知道的細節... display: -webkit-inline-box; ？

-1熱度

1回答

需要某些移動瀏覽器的媒體查詢解決方案

我在一個頁面上有一個簡單的網絡應用程序。我目前正在努力使其儘可能多地在多個設備上正確顯示。它看起來罰款： acer筆記本（1366×768）在Chrome，Firefox和Opera 的的HTC One上的鍍鉻X（720×1280），歌劇，火狐（夫婦的bug）在Chrome和Firefox（夫婦的bug）的的HTC One（1080×1920），還沒有測試過歌劇它看起來擰在：的HTC默認瀏

1熱度

1回答

使用flexbox調整圖像和標題

假設我有一個div，它恰好是瀏覽器窗口的尺寸，並且在該div中我想要放置一個包含標題（僅文本）的圖像和單獨的div。我想安排和縮放這些元素以滿足一定的要求：的div容器應該有一些填充，使任何東西接觸視口的邊緣。無論圖像的比例如何，無論標題的長度如何，圖像和標題都應該在較大的div內佔用儘可能多的空間。標題應該只與圖像一樣寬，以便它看起來適合直接放在下面。（非常窄的圖像在這裏出現問題，所以標

2熱度

1回答

如何使用flexbox滾動雙層佈局和標題？

我已經在Chrome 32中隨便使用了flexbox幾個月，並喜歡我所看到的。但現在我正在爲我的柔性版佈局推出overflow: scroll的牆。 overflow: scroll需要明確的height或min-height來知道何時開始滾動。當我製作一個簡單的雙層flexbox佈局時，我可以給每個窗格100％的父窗口高度，窗口高度爲100％。因此，當內容太多時，我可以使其中一個窗格滾動，而另

3熱度

3回答

使用jQuery爲多個瀏覽器設置flexbox顯示？

有點麻煩。我需要從顯示切換：無顯示：flex，display：flex-box，並顯示：-ms-flexbox，但它似乎打破了我的代碼..這是我迄今爲止： $(elem).css({'display': 'flex', 'display': '-webkit-flex', 'display':'-ms-flexbox'}); ，雖然這個工程： $(elem).css({'display': '

0熱度

1回答

將元素居中放置在一個元素中，並將導航欄鎖定到底部（使用flexbox？如何？）

我試圖設置一個登陸歡迎頁面，它將填充用戶瀏覽器的整個視口。在它上面有一些居中的內容，可能是某種文本或某種幻燈片。我之前已經將內容放在了中心位置，這不是真正的問題。我還需要將導航欄固定到元素的底部。我不能使用絕對定位，因爲當我滾動它時，我需要它堅持到窗口的頂部。我試過用flexbox做這件事，但遇到了很多問題。首先是導航欄從中間開始，第二個是居中內容不在中間，看起來稍微偏向中間的右側。下面是我使用

2熱度

2回答

溢出不會讓flexbox容器的子元素調整大小

我在佈局中有一個頁腳，它有display: flex; position: absolute; height: auto; width: 100%; align-items: flex-start; justify-content: space-around;。裏面有一個未定義數量的div，根據其內容調整大小。在我的測試中，我在頁腳中放置了3個div，其中一個（第3個）寬度大。這些div越來越奇

23熱度

1回答

iOS版 - 與輸入元素浮動光標內Flexbox的

有沒有人解決了與那些在iOS7 HTML應用程序內Flexbox的佈局輸入元素浮動光標問題？轉到http://cdn.sencha.com/touch/sencha-touch-2.3.1a/built-examples/kitchensink/index.html#demo/formpanel，關注輸入元素並滾動。我已經看到了幾個不同的HTML移動框架此相同的行爲。看來flexbox是罪魁禍

0熱度

2回答

CSS flexbox容器用圖像填充邊界（firefox 27）

我試圖將圖像置於flexbox容器中（請參見下面的確切代碼）。它必須執行以下操作：如果需要的話問題中心圖像水平中心圖像垂直縮減圖像到90％的容器寬度或高度，但是，是火狐（v27）的作用就好像圖像始終是寬度和高度的90％。 Chrome瀏覽器和移動瀏覽器似乎都以我想要的方式渲染。 <div class="flex-cc"> <img src="image/url/" alt=""

1熱度

2回答

敏感的彈性盒設計，帶有粘性標題

我遇到問題，爲使用彈性盒的響應式版面網站設計粘性標題。我發現這個小提琴幾乎解決我的問題，但並不完全：http://jsfiddle.net/RnBhH/2/ 我怎樣才能讓因爲高度不同，這取決於設備的視口寬度的頭元素高度適合在標題中的內容？提供＃1解決了，我怎樣才能使文章和頁腳可滾動，而可變高度標題粘到頂部？ html, body { margin:0; height:100%; min-h