flexbox

    0熱度

    1回答

    使用CSS flexbox放置頂部/開始使用孤立元素的高效方法

    當您使用flexbox wrap創建網格並且最後一行的元素少於之前的行時，「孤立」元素的默認行爲flex: 1將水平拉伸以填充寬度 - 使元素大於先前的行。我想要相同的行爲，除了我希望較大的項目出現在頂行而不是底行。 我已經想出了一個解決方案（如下所示），但它不能很好地擴展，感覺像一個糟糕的黑客攻擊。有沒有更好的（更優雅）的方式來實現這種佈局？該解決方案需要處理動態內容;即，我不會事先知道元素的數
    css css3 flexbox 2017-10-18

    9熱度

    3回答

    無法擺脫X溢出（滾動條被隱藏，但我仍然可以滾動到右側）

    我忙於一個項目，我正在使用angular-flex-layout。據我瞭解，如果將fxLayoutWrap屬性應用於容器，Flex容器應該換行到下一行。出於某種原因，我有一個非常小的x溢出。它曾經是更大的，然後我刪除了一些fxLayoutGaps我有兩個fxLayout行容器，使它更好。我不知道這是什麼原因，因爲我將fxLayoutWrap屬性應用於父級（儀表板組件的第一行）行容器。任何想法我做錯
    css html5 angular flexbox angular-flex-layout 2017-10-18

    0熱度

    2回答

    將圖像製作在flexbox細胞比例尺中...

    將圖像放入Flexbox細胞比例尺中而不定義尺寸？ 我在flexbox中構建了一行，它有一個圖像作爲頂部元素，然後是下面文本的div容器。相當標準的東西。該行正在前往一個cms，因此，這就是問題所在。 客戶端將能夠改變圖像，因此我不知道圖像有多大。因此設置任何寬度或高度屬性是不可能的。此外，該行被設計爲適合任何屏幕，因此在更大的屏幕上，我根本不知道容器需要多寬。 我在codepen上做實驗，但是當
    responsive-design sass flexbox 2017-10-18

    3熱度

    2回答

    防止並排元素周圍的雙重邊框

    如果您有多個帶有1px邊框的容器，則彼此相鄰的所有容器都會生成2px邊框。所以爲了擺脫這一點，你總是設置border-right: none;，然後將border-right: 1px;添加到最後一個子元素，以使所有容器在所有邊都具有1px邊框。 但是，如果您使用flexbox flex-basis規則將容器拆分爲下一行，則會破壞整個border-right想法，該行中的最後一個容器始終保留爲無邊
    html css css3 flexbox border 2017-10-18

    0熱度

    1回答

    Flexbox space-bootstrap3面板體之間增加了容器邊之間的額外間距

    我有一個面板，面板體內有兩個孩子，我想將其與面板體的兩端對齊。 簡單的例子： <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">My Panel</h3> </div> <div class="panel-body"> <div
    css twitter-bootstrap-3 flexbox panel space-between 2017-10-18

    1熱度

    1回答

    CSS柔性成長不上邊

    添加DIV工作考慮以下小提琴：https://jsfiddle.net/7naxprzd/1/ 的要求是：與頭 兩列和內容列 面應對準 列的底部應該對齊 在每列頂部應該有一個水平居中的箭頭 如果通過刪除div類.arrow-wrapper消除箭頭，但代碼正常工作，但我需要箭頭。 一個解決方案可以是絕對定位箭頭，但有沒有辦法解決這個佈局問題與柔性沒有絕對定位的箭頭？ 應該適用於現代瀏覽器和IE11。
    html css css3 flexbox flex-grow 2017-10-19

    0熱度

    3回答

    柔性盒和填充？

    我讀過這個SO pos t並實現了它的建議。 下面我的代碼。 基本上，當我向我的flex孩子添加填充物時，它會伸展得比應該寬，兩個框（金色和灰色）的寬度應該相同，但大量的填充會使金色框稍微較大，因此忽略了其50％的基礎。 爲什麼會發生這種情況，它如何解決？我期待兩個盒子的寬度相同，即使是填充也是如此。 .container { display: flex; height
    html css css3 flexbox padding 2017-10-19

    0熱度

    2回答

    具有多寬度色譜柱的Flexbox網格

    我有一個用於顯示產品的4列Flexbox網格。所有產品的寬度都爲25％，但是如果只有1種產品的寬度爲75％，我怎麼能確保網格不會中斷？例如，我可以在一行上顯示2種產品？ 有沒有一種方法，使用flexbox，給予更廣泛的75％網格項目的優先權，以便它自動調整/移動網格，以確保它不會像現在這樣破壞？ 的jsfiddle（代碼在底部） https://jsfiddle.net/kdjkc15g/ 這就是
    css html5 css3 flexbox 2017-10-19

    0熱度

    1回答

    Flex圖像和定位問題

    我試圖實現的是，一旦我縮小屏幕的大小並且一些元素開始移動到第二行時，將它們組織到左側，而不是居中（基於數字該行上的元素）。此圖像可能有幫助 這是我的實際代碼，我做錯了什麼？ #teamBoxesWrapper { position: relative; background-color: ; width: 1200px; height: au
    html css css3 flexbox 2017-10-19

    -2熱度

    1回答

    一些引導列重疊

    我使用flex-column並將頁面分成兩個部分，這樣當頁面被調整大小時，右側列可以移動到左側部分下方。但是現在右列的圖像重疊。 這是我用於這兩個部分的代碼。 <div class="container"> <!-- section on the left --> <section class="flex-column col-lg-6 one">
    twitter-bootstrap flexbox 2017-10-19
最新問題