flexbox

    0熱度

    1回答

    flex每行五個項目，左對齊

    我有32個列表項目分成兩個列表，需要顯示爲每行5個。我無法編輯HTML，因爲有52個項目，其中一個始終保留。它需要一行的整個寬度，當我想讓它左對齊時，剩下20％。我怎樣才能解決這個問題？ 爲了使事情更容易理解，這裏是我的代碼。如果有更好的方法來做到這一點，請讓我知道。謝謝！ .container { display: flex; flex-wrap: wrap;
    html css css3 flexbox 2017-09-24

    0熱度

    2回答

    CSS：居中的一組對象屬於該組內均勻分佈

    我有一堆容器內的div，我想均勻水平分佈的： ，但我也希望容器在頁面居中 現在的容器我的CSS（筆），代碼如下所示： @media(min-width: 900px) { display: flex; width: 830px; margin 0 auto; justify-content: space-between;
    html css flexbox stylus 2017-09-25

    1熱度

    3回答

    vuetify將中心物品放入v-flex

    我試圖將<v-btn>置於<v-flex>中。由於<v-flex>是Flexbox的DIV，我用justify-center將其轉化入 justify-content: center 因爲我的方向是水平的，我的按鈕應該是居中對齊，但事實並非如此。這是重現我的問題的codepen。 https://codepen.io/anon/pen/ZXLzex 我想上申請按鈕到div（V-FLEX）內居中
    flexbox vuejs2 vuetify.js 2017-09-25

    0熱度

    2回答

    2個元素旁邊的圖像使用Flex

    我試圖得到以下結果（使用Flexbox的） 這是我用我下面的代碼獲得 我正在使用下面的代碼，這是對齊圖像，但它的應用項目對所有項目，所以其他h6也浮動.. .block { display: flex; align-items: center; } <div class="block"> <img src="/img/person.jpg" />
    html css flexbox 2017-09-25

    0熱度

    1回答

    如何使用媒體查詢覆蓋默認樣式

    全部首先對不起長期scss代碼，這是我的頁腳設計的CSS結構，默認的CSS代碼工作正常，但是當我在媒體查詢中使用相同的類名稱我必須在媒體查詢的每個CSS屬性之後編寫！重要的！在媒體查詢中的大多數情況下，我必須編寫！重要的是覆蓋默認樣式，不需要！媒體查詢內部的重要CSS代碼不起作用，任何人都可以幫我擺脫這個！重要的關鍵字或任何人都可以一次助攻到如何構建SCSS/CSS代碼正確 .footerWrap
    css3 sass flexbox media-queries 2017-09-25

    0熱度

    1回答

    爲什麼水平滾動flexbox被切斷？

    使用flexbox我有一個水平滾動div，其中div內的內容比屏幕寬。但是當滾動到正確的內容時，但是背景和邊框被切斷。不能弄明白： html { padding: 0; margin: 0; } body { background: #aaa; display: flex; flex-direction: row;
    css css3 flexbox 2017-09-25

    0熱度

    2回答

    使用柔性顯示器對齊標題中的內容

    我真的與柔性顯示器混淆，我希望有人可以提供幫助。 我試圖重新本站https://jsbin.com/vafexudini/edit?html,css 我需要在左邊（部分-A），有的在中間（第-B）和一些一路右側（一路一些內容部-C）。 section-a似乎是在正確的位置，但我無法獲得中間和一路正確的內容。 .container-1 { display: flex; m
    css css3 flexbox 2017-09-25

    0熱度

    1回答

    是否存在與「flex-grow」屬性（或「flex」）相關的交叉軸，它僅影響主軸？

    在Flexbox中，有「主軸」和「交叉軸」的概念。通常在瀏覽器中，「主軸」是水平的，大概是因爲臺式機和筆記本電腦的屏幕通常是橫向的，而在React Native中，「主軸」通常是垂直的，因爲它主要用於手機，縱向。無論哪一個是「主軸」，另一個則被稱爲「交叉軸」。 似乎在Flexbox中，影響主軸的許多屬性都有一個影響交叉軸的不同名稱。 有一個名爲flex-grow的房產，另一個叫做flex，可以同時
    css3 layout flexbox terminology 2017-09-26

    0熱度

    1回答

    CSS，不同勢擴大在Firefox和IE

    倒塌行爲我有一個具有擴展菜單和其他類似的面板： 當我在IE 10和Firefox 55.0.3展開面板，似乎像這樣： 但在鉻，它工作得很好 在.tbl-main.Expandable搜索面板和結果面板（tbl-container）上有兩個部分。我使用flex佈局來覆蓋parent.Search面板在這裏只有15px.tbl-main的重放必須是.tbl-container.It在這裏是okey。但
    html css css3 flexbox internet-explorer-10 2017-09-26

    1熱度

    2回答

    當容器在iE11中具有固定高度時，Flexbox項目不會按預期垂直對齊

    我在IE11中有flexbox垂直對齊問題。 我有一個flexbox容器一個孩子。在div項中有一個圖像。圖像比flex容器大，因此我想使用justify-content：center顯示圖像的中間部分。這在我所期望的所有瀏覽器中都能正常工作，但IE11。附圖應顯示問題。任何幫助表示讚賞。 <div class="container"> <div class="item"> <
    css3 internet-explorer flexbox 2017-09-26
最新問題