flexbox

2熱度

2回答

我有3個垂直堆放在容器中的div。我想讓中間div居中，但儘可能多地繼續水平擴展，但小於最大寬度。就像普通的div將不帶flexbox的max-width一樣。 https://codepen.io/anon/pen/XaQXOW CSS .cont { display: flex; flex-direction: column; } .b { max-widt

3熱度

1回答

爲什麼'flex-grow'在Chrome和Firefox/Edge中表現不同？

我正在嘗試製作一個網頁，其中包含固定高度的「標題」div，然後是其下的「內容」div。在內容div中有幾個不同的div，其中包含實際的頁面內容。在實際的項目中，所有這些元素的高度在不同的屏幕和用戶之間可能會有所不同，因爲它們的內容主要由PHP生成。很抱歉，如果這個解釋不清，但下面演示了什麼，我已經這麼遠： https://codepen.io/anon/pen/ZJPgWm （代碼格式不和某些值

-2熱度

1回答

將「display：flex」添加到flexslider2 [wordpress插件]幻燈片的最佳方式是什麼？

我想爲flexslider2幻燈片添加「display：flex」，但插件的javascript將幻燈片設置爲「display：block」，所以我不能在我的wp主題樣式表中聲明這一點，因爲javascript的樣式聲明優先於樣式表的。我可以進入並更改flexslider.js中的代碼行，但後來我遇到了更新wordpress插件時覆蓋這些行的麻煩。那麼，什麼是重寫javascript css的最佳

1熱度

1回答

柔性基礎自動和像素混合不按預期工作

我想要2個div，一個設置寬度和一個自動寬度使用彈性盒。我的理解是，基於flex-based auto的div會佔用行中的剩餘空間。 <div style="display:flex; flex-direction: row; height:160px; border:1px solid #00CC33"> <div style="display:inline-block; flex

1熱度

2回答

Flexbox Bootstrap 4 Navbar帶有額外的內容，垂直對齊，始終可見

挑戰：創建一個導航欄，左側帶有品牌徽標，導航欄摺疊菜單和其他一些號召性用語/鏈接位於對，並把它們全部垂直放置。似乎直線前進，直到你想移動到這個樣子：我們怎樣纔能有良好的響應CSS實現這一點（沒有切緣陰性/絕對定位技術）並沒有JS？我只有拿出打印的電話號碼兩次在頁面上的選項，隱藏/顯示各種屏幕尺寸： <header> <div class="content-above-navbar

1熱度

1回答

反應原生：垂直居中查看視圖內

我有一個視圖內的視圖。我正在嘗試垂直居中顯示子視圖。下面是示例代碼： <View style={globalStyle.text}> <Text style={[globalStyle.name]}> {name} </Text> <View style={globalStyle.timeContainer}>

1熱度

3回答

使用CSS顯示的響應式網格：flex

我想將5個列（A，B，C，D，E）中的我的flexbox顯示爲2列，一旦屏幕變爲900px或更小。我的HTML： <div class="container"> <div class="box">A</div> <div class="box">B</div> <div class="box">C</div> <div class="box">D</div

-1熱度

3回答

如何將div的大小調整爲50％

問題是我無法將框的大小調整爲50％，它們只是保持全寬。 * { margin: 0; padding: 0; box-sizing: border-box; } /* Mobile Styles */ @media only screen and (max-width: 400px) { body {

1熱度

1回答

用Safari瀏覽器顯示flex

這裏的小問題。我對Safari和flex有問題。這是我想用鉻和Safari的效果與 Result with chrome, firefox, ...和 with Safari。，代碼： <style> #div1{background:black;width:250px;height:600px;display:flex;flex-direction:column;padding-

1熱度

1回答

div的高度屬性在我的flexbox中表現不正確

我正在嘗試在我的主頁上創建數字移動電話。這個想法是，最終屏幕將會顯示我的信息並提示向下滾動。不幸的是，作爲手機屏幕輪廓的div不像我期望的那樣表現高度屬性。這裏有兩個截圖來說明問題： HTML： <div class="no-container" id="landing-page"> <div class="flexbox-center-row"> <div class="