flexbox

    2熱度

    2回答

    HTML5 Flexbox可以在兩個軸上伸展嗎？

    我有一個flexbox div，允許一個SINGLE子元素。到目前爲止，我已經能夠很好地對齊（頂部，左側，右側，底部等），包括垂直拉伸。我也希望能夠在垂直同時支持水平拉伸（'同時'似乎是關鍵）。 我已經能夠通過在子元素上將'flex'屬性設置爲'1 100％'來實現橫向拉伸，但是這似乎忽略了應用於父元素的任何填充（以及應用於子節點）。 看看flexbox規格，我無法找到任何其他方式沿着flexbo
    html5 flexbox 2012-04-30

    1熱度

    1回答

    爲什麼嵌套的靈活框未能包含其內容？

    早上好， 當我巢另一個元素中有display: -webkit-box元素與display: -webkit-box其不能正確地包含它的元素作爲一個靈活的框。請參閱下圖中的刪除按鈕後面的文字。 李HTML： <li> <div class="reference"> <div class="number">1.</div> Lawson, B. Sharp, R.
    html css css3 webkit flexbox 2012-05-08

    0熱度

    1回答

    CSS3 Flexbox的水平對齊絕對DIV

    我有一個display: box 在Chrome中它工作完全正常的絕對定位的div，在div對齊的孩子水平，但在Firefox它似乎並沒有工作。 如果我刪除position: absolute這兩個瀏覽器工作正常，但我需要它。 例子：http://dabblet.com/gist/1716069
    firefox css3 flexbox 2012-02-01

    10熱度

    2回答

    嵌套的CSS3柔性盒不起作用

    柔性盒可以嵌套嗎？我在水平柔性盒中嵌入了水平柔性盒，在垂直柔性盒中嵌入了垂直柔性盒。只有橫向水平工作在Chrome中，並且都不能在Firefox中工作！ 我創建了這裏的jsfiddle：http://jsfiddle.net/NpkTL/1/ 但這裏是HTML： <div id="A"> <div id="A1">A1</div> <div id="A2"> <di
    css css3 flexbox 2012-05-11

    25熱度

    3回答

    CSS3 Flexbox全高應用程序和溢出

    我有一個應用程序使用類似下面的佈局的經典電子郵件。 我已經使用新的CSS3 Flexbox的模型構建，它工作出色，直到我添加爲用戶的文件夾對話框動態添加新項目的能力。我希望flexbox能夠以這樣的方式工作，只要文件夾框中留有空間，它就不會開始增長到下面的任務框中。不幸的是，這不是我所看到的（在Chrome 17中）。 我已經構建了一個JSFiddle here來演示這個問題。只需點擊添加文件夾鏈
    css css3 flexbox 2012-02-12

    0熱度

    1回答

    CSS3靈活框佈局和溢出：自動;

    我想創建一個靈活的框佈局，填充整個視口，並有內部部分滾動，如果內容太長。然而，內容是延伸整個佈局，而不是坐在較小的區域和滾動。 我有一個演示設在這裏有更多詳細信息：http://jsbin.com/ezazig（僅限Firefox瀏覽器） 的height: 100%;是沒有問題的，即使我給.layout的500px的固定高度，它仍然被忽略。 任何想法是什麼問題？
    html css firefox css3 flexbox 2012-04-03

    9熱度

    1回答

    使用百分比值填充彈性盒項目

    我使用Google Chrome中的彈出框（僅支持此瀏覽器）來創建動態佈局。我在一個div元素中有n個子元素，它們應該以相同的比例共享整個空間。由於新推出的柔性盒，這是沒有問題的。但我也必須將每個內部div的高度設置爲0.如果我想將此div內的元素拉伸至100％高度，它將使用給定值0而不是任何計算值。由於我選擇了彈性盒以防止使用JavaScript，我寧願保持這種方式。有沒有其他方法可以使圖像的高
    css html5 google-chrome flexbox 2011-12-26

    3熱度

    1回答

    如何讓flexbox尊重移除的元素？

    我使用Flexbox在WebKit瀏覽器中實現了高度相等的列。 我使用這個CSS ... ol { display: -webkit-box; } ol li { width: 100px; background: #ccc; margin: 5px; padding: 5px; } ...這HTML ... <ol> <l
    css css3 webkit flexbox 2012-05-25

    5熱度

    4回答

    Flexbox模塊的最新教程？

    我知道Flexible Box Layout module規範已更改，並且一些瀏覽器現在實現了多個版本（使用不同的語法）。我一直在尋找信息，但我只能找到警告的教程，他們現在已經過時了。 我知道規格可能會改變，但我有一個不尋常的用例（一個Chrome擴展），我想用它的當前形式。我只想知道如何使用Chrome中實現的最新版本。 有誰知道最新的教程？
    css css3 flexbox 2012-05-26

    9熱度

    3回答

    顯示器與盒子和顯示器之間有什麼區別：flexbox

    我的理解是，CSS靈活盒子佈局模塊正在被重寫，並且display:box已被棄用，而傾向於使用display:flexbox。 是否display:flexbox目前支持任何瀏覽器（發佈，測試版或夜間）？有沒有人知道我可以在哪裏找到一些有關Flexbox新增功能的信息，它與舊模塊之間的區別，以及舊模塊爲何改寫？
    css css3 flexbox 2012-01-09
最新問題