flexbox

    1熱度

    2回答

    少校:添加codepen:http://codepen.io/anon/pen/srGwq 我開始處理Flexbox的一個非常具體的項目。隨着文檔頻繁更換,我不會處理我的問題。 這裏是我的html: <div class="flexbox"> <div class="middle">Middle</div> <div class="left">Left</div> <

    1熱度

    1回答

    我在下面創建了一個小提琴。第一個下拉菜單使用Flexible Box Layout。我試圖替換下面的由浮動組成的第二個菜單。 Afaik浮動內容將它帶出了通常的「流動」,這就是爲什麼我的浮動示例看起來更好。我的目標是使用flexible box layout來完成類似於浮動導航的內容。我不想在菜單懸停時按下內容。我希望它像浮動的例子重疊。我想底線是,我不想讓Flex容器擴展到包含懸停菜單的全部高度

    5熱度

    1回答

    最近我開始玩CSS3 flex box,我已經閱讀了很多資源,並且自己玩了一遍。我看着通過:http://www.w3.org/TR/css3-flexbox/ 具體我有在子元素中的彎曲特性麻煩: flex: <positive-flex> <negative-flex> <preferred-size> 我似乎無法理解如何負彎曲參數的作品。 positive-flex是有意義的,因爲它從父元

    7熱度

    2回答

    我遇到麻煩CSS3靈活的盒子佈局模型中鉻的最新,例如工作伸展的textarea: <!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> body { background: #FFF; } div.content { position:

    0熱度

    2回答

    這是關於新的柔性盒佈局模型的問題。 假設在一個容器內有display: flex;我有兩個項目。當容器足夠寬時,兩個物品都水平佈置,否則柔性版佈局機制將使它們垂直堆疊。我想要的是在兩個項目之間有一個內邊距,但當我們需要將它們堆疊在一起時,我希望這個邊距消失。 FlexBox模型有可能嗎? 作爲一個例子,可以使用以下文獻,其已經用一個最近版本的Chrome測試: <!DOCTYPE html> <

    10熱度

    2回答

    我玩在Chrome CSS3的Flexbox的(沒有必要擔心跨瀏覽器的這個)。我很難說服它按我喜歡的方式佈置我的內容。下面是我的目標草圖: 這是我嘗試的的jsfiddle:http://jsfiddle.net/Yht4V/2/這似乎只是每個.group工作的偉大將擴大其高度,而不是創建多個列。 我使用Flexbox的普遍地在這裏。該body勾畫出垂直,與#content DIV取頁面的剩餘高度。

    1熱度

    1回答

    請看看this jsFiddle並按下唯一的按鈕來填充列表。正如你所看到的,DIV列表中的元素被調整大小以填充包含的父元素。這段代碼完全符合我想要做的事情,但我認爲,對於這樣一個看似簡單的任務,我實現這個方法太複雜了。這裏是算法的代碼分配高度內部元素: fill = function() { //Loop through all elements once to get total we

    2熱度

    1回答

    我正在使用latest靈活盒子規格(據我所知,目前只支持最新的Chrome),並試圖阻止彈性項目超過最大高度。 最好用一個例子來解釋:http://jsbin.com/efedof/2/edit 第一示例.content(加上兩個.bar元素)不超過300px高度,所以是正確的。但在第二個例子中,文本將.content的底部向下推移,除了.box div之外。 如何強制三者結合柔性物品的最大總高度

    60熱度

    9回答

    我發現這個線程 - How do you stretch an image to fill a <div> while keeping the image's aspect-ratio? - 這不完全是我想要的東西。 我有一個特定大小的div和裏面的圖像。我想要總是用圖像填充div,無論圖像是橫向還是縱向。如果圖像被切斷(div本身具有隱藏的溢出),則無關緊要。 因此,如果圖像是肖像,我想widt

    -1熱度

    1回答

    到目前爲止,我有一個垂直的盒子中規定的三列(不能發表圖片又那麼這裏有一個鏈接): http://imgur.com/4Y34c <div id="vbox"> <div id="blck1"></div> <div id="blck2"></div> <div id="blck3"><div id="yellow"></div><div id="blue"></div></div> </d