flexbox

    0熱度

    1回答

    我有一個排序元素的問題。我有容器(flexbox)vith一個孩子(訂單= 1)和兄弟div(包裝我不會使用flexbox)與孩子訂購,但不工作。 可以看到完整的例子:http://codepen.io/isyara/pen/HtniA(檢查包裝IM-改變順序) 感謝

    1熱度

    2回答

    我正在製作一個網站,並且我製作了一些按鈕,併爲它們添加了-webkit-box-flex屬性。它運行良好。但是,當我向其中一個按鈕添加下拉菜單時,-webkit-box-flex屬性不再適用於它們,它不起作用。誰能告訴我發生了什麼事? 這裏是一個的jsfiddle: http://jsfiddle.net/hGT6E/ *{ margin: 0px; padding: 0px; } h1

    2熱度

    2回答

    我知道「flex」propery可以使flex項目吸收一個方向上的額外空間(如果「flex-direction」值爲「row」,則該行中的額外空間將被吸收)。 但是如果我包裹這些物品?第二行中的項目僅吸收第二行中的額外空間。但是,如果有的話,他們不會吸收垂直方向的空間。 也許demo可以讓你更清楚地理解我。 .container { display:-webkit-flex;

    3熱度

    1回答

    當絕對位置與居中的柔性箱項目一起使用時,我遇到此問題。它在Firefox中不起作用。 這裏是link。 HTML <div> <p>Center me!</p> </div> CSS div { width:350px; height:100px; border:1px solid black; position:absolute;

    3熱度

    1回答

    是否有一種特殊的方式來使用柔性盒(或其他純CSS)在一個元素中垂直居中文本? 小提琴:這裏http://jsfiddle.net/WK_of_Angmar/JZZWg/ <body> <div id="main"> <section id="a">Test1</section> <section id="b">Test2</section> </div> #a {

    0熱度

    1回答

    我不明白爲什麼在Firefox和鉻的消極相對定位是不同的。 我也不是很確定Flexbox是最新的和工作的。 例如 在火狐工程即: margin-right:-200px 在鉻作品有: right:-200px 演示: http://jsfiddle.net/3fJqZ/48/

    23熱度

    2回答

    我想垂直居中與CSS'flexbox;而且,我知道如何用非供應商加前綴的代碼來實現它,但即使使用供應商前綴,我也無法在Webkit(Chrome)中使用它。 我想垂直對齊#trigger中的跨度。 這裏是我的CSS: #trigger{ /* 2009 syntax */ display: -webkit-box; display: box; /* curr

    1熱度

    1回答

    我的主要<div>有一個固定的高度,但是當我嘗試使用box-orient: horizontal就可以了,它們仍然保持在第一個<div>以上,即使有溢出攻擊。 我被卡住了。這正是我需要的: 和驗證碼: <style> .box { outline: 1px solid red; width: 1000px; height: 450px; overflow:

    0熱度

    1回答

    我想創建一個使用一些新的css3技術的垂直導航菜單,但到目前爲止我只能用display:table獲得最接近想要的外觀。我不喜歡使用display:table/table-row/table-cell,主要是因爲它們將「單元格」限制爲表格形式(例如,您不能使用邊距將「行」或「單元格」間隔開),而且我也不喜歡額外的divs使列表垂直。我最初去這個方向的原因是爲文本使用vertical-align:

    1熱度

    1回答

    在網絡上存在關於CSS3的信息box,flexbox和flex。據我所知,flex現在是草案方法。因此,WebKit的,我們使用display: -webkit-flex,-webkit-flex: 1 auto ... 但我的問題是:我怎麼能在flex使用類似box-pack: start? 看一看this example(僅限webkit)。我需要將它打包到頂端,但它正在蔓延。它會類似於thi