flexbox

    1熱度

    1回答

    爲什麼輸入不能正確感知基於flex的基礎。下面是示出了如何輸入不其父塊之外服從和跨度一個最簡單的例子(參見jsfiddle): <div> <input> <input> </div> <style> div { display: flex; width: 200px; border: 2px solid red; } input { flex-ba

    1熱度

    2回答

    我有對齊元素向右後續 HTML <div class="flex-row"> <div class="flex-1"> <button class="el-button el-button--primary">Add File</button> <ul class="el-upload"> <li classs="el-upload">some

    0熱度

    1回答

    嘿,我正在爲uni做一個小練習項目,並且遇到了這個問題。我嘗試了許多方法,似乎沒有工作。我嘗試使用對齊內容的同時讓flexbox具有flex方向的行(覆蓋flex-direction的原始站點:列)。另外顯示:flex不需要顯示,因爲它顯示在媒體查詢之外的單獨樣式表中。任何幫助將非常感謝。 這是媒體查詢中的代碼,請注意它是一個SASS文件。 .testimonials{ padding:

    0熱度

    1回答

    我有一個看起來像this的佈局,我試圖放大懸停時的圖像背景,但我無法以任何方式獲得此效果,而不會影響鄰居元素(懸停時它像this一樣展開) - 我的目標是放大圖像並保留在父div元素內。 Flexbox佈局中是否有任何解決方法?這是我的代碼: HTML: <body> <div class="index-wrapper"> <nav class="index-menu">

    1熱度

    3回答

    我注意到,如果我使用帶有select和input的flexbox,它們都帶有窗體控件樣式,它們不會在左邊對齊(我已將該文本放在黑體中,因爲人們似乎無法理解該問題) 。頂部輸入的左側不與選擇的左側對齊。如果我刪除輸入的填充,它們會對齊。 編輯:此問題出現在Chrome和Safari上。 Firefox是好的。 Plunker 標記 <div class="all"> <div class=

    0熱度

    1回答

    我在柔性父級中保留了一個圓圈。 flex父母調整得很好。我怎樣才能調整父母內的內容? 我試圖用流體設置圓的大小,但也失敗了。 .parent { display: flex; justify-content: space-between; border: 1px solid red; align-items: center; }

    -2熱度

    2回答

    我正在處理聯繫表單,並且我給出了div display:flex。 它的所有字段都正確顯示,並且dinamicaly調整大小,除了提交按鈕總是減半。 它不應該有與其他領域一樣的行爲? 捕獲:

    1熱度

    1回答

    我試圖創建一個兩列的部分,其中: 列具有相同的寬度(響應) 塊的高度被定義拉伸至其父項的100%後,左列中包含的圖像的高度。 在右欄中有幾個元素,其中之一是包含圖像的鏈接。 我希望與來自上一段的圖像的鏈接縮小它的包含原始圖像縱橫比的高度,而不會在圖像具有縱向方向時伸展它的容器。 不確定它可能與純CSS。嘗試用flexbox和網格佈局,但我必須錯過一些東西。 我準備了一個小提琴:https://js

    1熱度

    2回答

    我一直在搜索和搜索大約3個小時,因爲我沒有想要問,但是如何在底部保留「頁腳」變量,但不像固定在底部,所以如果我擁有的內容非常小,它不會只是坐在頁面的中間位置,但如果我有很多信息,它不會鎖定在頁面底部,並且在滾動時坐在數據的上方 我嘗試了幾次包括這種方式: https://david-kerwick.github.io/2017/01/14/material-2-flex-layout-making

    1熱度

    2回答

    我想在包含三個項目的頭部中構建一個導航,其中前兩個項目左對齊,第三個項目右對齊。嘗試使用flexbox,但有一個arror:ul超過它的父容器的寬度。 header { width: 100%; background: #417690; margin-left: 10px; margin-right: 10px; font-si