flexbox

1熱度

1回答

我試圖使用flexbox和box-ordinal-group（用例：通過移動設備上的媒體查詢而不重複代碼的特定表格的不同順序）重新排列表格單元格。我一直認爲將表單元格設置爲display: block，並將表格設置爲display: flex（以及各種供應商的前綴版本）可以做到這一點，但沒有這樣的運氣。我想知道是否tr/tbody圍繞td擺脫flexbox。 <table> <tr>

0熱度

1回答

並排方在Safari 6滾動使用Flexbox的

我試圖建造兩個並排側滾動面板與Flexbox的： HTML： <div class"scrollable"></div> <div class"scrollable"></div> SASS @import "flex" * padding: 0 margin: 0 html height: 100% body height: 100%

0熱度

1回答

柔性盒IE10不尊重溢出

我試圖創建一個具有設置高度的頁眉和頁腳的柔性盒，並具有靈活的內容區域，可以滾動或不滾動，具體取決於內容的數量。您可以在這裏看到http://jsfiddle.net/evilbuck/EtQXf/3/ 這在FF，鉻，但不是我的IE10小提琴。 IE10似乎不尊重溢出屬性並滲入下面的內容。我的期望是.content區域將擴大以填充其父項的剩餘空間並在必要時滾動。 <div class="cont

1熱度

1回答

包裝盒在部分

A有一個<section>和<article> s。我想移動所有<article>元素，並在用戶調整瀏覽器大小時將其寬度調整爲100％。我試着用flex-box來做。以下是我想要實現 img http://up.programosy.pl/foto/boxes.jpg section, article { display: box; } article { background:

2熱度

1回答

帶有Flexbox的輸入元素在Webkit中添加額外間距

我有一個簡單的表單，其中包含一個電子郵件字段和一個提交按鈕，我將其應用於Flexbox佈局。 flexbox本身工作正常，但似乎webkit在輸入元素旁邊添加了一些額外的空格（非輸入元素看起來很好）。這個問題在IE11和Firefox中不會發生，但是存在於Opera和Chrome中。由於IE和Firefox不這樣做，因此很難創建一致的跨瀏覽器UI。是否有一些屬性可以重寫以防止添加這些額外的空間？或

4熱度

1回答

將柔性流動設置爲色譜柱包裝時的柔性容器寬度

我擁有固定高度的容器和display: flex。我希望通過設置-webkit-flex-flow: column wrap;，讓孩子以列優先的方式躺下。 http://jsfiddle.net/wNtqF/1/ 誰能給我解釋一下Chrome瀏覽器如何計算產生的div容器（DIV有綠色邊框）的寬度，爲什麼樹葉上的每個紅項目右側這麼大的自由空間。我想要的是讓容器具有適合所有兒童的寬度，而不需要額外的

3熱度

1回答

帶有flexbox的視口高度繼承（Chrome中的不一致）‽

EDIT：從Chrome 34開始，以下構造將按預期正確呈現。從這之後，它實際上是 ealier Chrome版本中的一個錯誤，並且這個相對簡單的CSS 只需的作品。所以我剛剛發現viewport-percentage lengths，我想他們會去偉大的使用Flex-盒圓滑的響應式佈局的測試。令人驚訝的是，Firefox和Internet Explorer以同樣的方式呈現它，並且與預期的一樣。這

8熱度

1回答

HTML5：三排，固定頂/底和Flexbox的滾動中間

是否有可能以與固定header/footer一個html5 Flexbox的佈局和一個可滾動article部像火狐 24和鉻 31以下？ +----------+ | header | +----------+ | article || | || | || | || +----------+ | footer | +----------+ 我已經試過這（簡體）：

0熱度

1回答

使用奇點時伸展單元格

只是一個新手進入Web開發。我一直在經歷許多網格系統，我非常喜歡奇異背後的概念。這是非常獨特的。我還沒有嘗試Singularitygs，但我想問一下我遇到的其他網格系統的這個問題。這是拉伸嵌套單元格的問題，以便頂部和底部排列在容器內。 CSS3提供Flexbox的與拉伸選項，但它不是由IE8或支持9 是否singularitygs提供任何解決這個問題的格式？當我使用奇異性時，如何排列單元格而

91熱度

4回答

如何指定一個元素，然後在css flexbox中包裝？

我不認爲這是Flexbox標準的一部分，但是在某個元素之後建議或強制包裝可能有一個竅門嗎？我想回應不同的頁面大小，並且不加標記地以不同的方式包裝一個列表，所以我不會在下一行顯示（例如）孤立的菜單項，而是在菜單中間中斷。這裏出發HTML： <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li>