flexbox

    2熱度

    2回答

    我有一堆圖表,通過用戶點擊一個鏈接在同一個div中繪製(每次點擊刪除先前的svg,然後繪製新的)。除了甜甜圈圖表之外,所有圖表均按預期位於div的中心。任何原因爲什麼?我創建了一個JS小提琴幫助說明這一點。 JS Fiddle 基本上,我有三個功能。通用drawChart()函數接受已被點擊的按鈕的索引,幷包含一個switch語句,該語句選擇要繪製的圖表。然後是chartTwo(),它只是兩行來說

    -2熱度

    1回答

    頁 我使用Flexbox,就休息的高度,是我的頁面設置方式如下: Parent (flex-direction: row) -Child 1: (flex-direction: column) -Child 2: (flex-direction: column) 兒童2包含了我要佔用一個div頁面其餘部分的全部高度,並做出響應。我的問題是:我該如何做到這一點? http

    1熱度

    2回答

    我在html中使用css flexbox創建了3個框,但Chrome使用不同大小的框呈現。 將瀏覽器的邊框以使視圖更小。 感謝您的幫助! Codepen:https://codepen.io/labanino/pen/rGaNLP body { font-family: Arial; font-size: 2rem; text-transform: upp

    0熱度

    1回答

    度 我試圖得到一個響應的佈局,在桌面上的樣子: 和移動基本上是這樣的,該90度旋轉: 我已經拿到了桌面上的工作,與手機版幾乎工作,但我的方法來移動版本覺得不妥。這感覺就像一個'重做'關閉彎曲和使用浮動。當我真的只想把我的「行」到「列」,但我已經嘗試和失敗使用我從這裏拿了寬度和流動方向的組合: https://css-tricks.com/snippets/css/a-guide-to-flexbo

    3熱度

    2回答

    我想第一個和最後一個元素具有相同的寬度。怎麼做? main { display: flex; justify-content: space-between; width: 100%; } input { width: 200px; } <main> <div> Lorem ipsum dol

    1熱度

    1回答

    這個問題之前已經提出過很多次,但是flex模型已經發生了巨大變化,我仍然無法找到工作解決方案。 技術問題 當對象的彎曲方向被設定爲列,所有對象崩潰的高度(即高度:0) 問題似乎限於iProducts。據我可以告訴Flex在所有瀏覽器桌面和Android上按預期工作。 這個問題並不限於Safari,因爲在iPad和Firefox上測試時,問題出現在Chrome和Firefox (IOS 10.3.3

    -1熱度

    1回答

    我在css非常糟糕,只得到SO答案 - 但我找不到任何解釋這個具體問題。 我有一個形式,一個textarea和一個button(input/submit),閒來無事,我想有textarea填充所有屏幕除了通過按鈕在屏幕的最下方佔據的30像素所以它看起來是這樣的: 我想這個使用Flex作爲this answer描述來實現。 我的身體現在看起來是這樣的: <div class="box">

    2熱度

    3回答

    我一直在學習HTML和CSS一週,現在我開始了一個在線課程。在第一部分結束時,我必須創建一個響應式投資組合頁面。我還沒有任何項目,因爲你可以說,所以我決定想象我和我一整天都在努力創建一個我創建的div的簡單網格。我希望它是兩列3行,彼此相鄰,可能每個元素之間有一定的間距。 然而,我到目前爲止最接近的是將這6個元素放在一個下面。所以你能幫忙嗎? 這裏是一個小提琴:https://jsfiddle.n

    6熱度

    1回答

    當有單選按鈕或複選框時,flexbox表單在表單項之間存在空隙。是否有任何選擇來避免使用flex或其他方法的差距? form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;

    0熱度

    1回答

    我想使用bootstrap具有以下結構的響應模式。 所以每個列表項具有相同的空間和上面的文字圖像和所有項目垂直和水平對齊。我在這裏有一個例子:「https://jsfiddle.net/dq0ygh44/」,但它不能正常工作,因爲圖像和文本不是全部是水平的,而是垂直居中的。你知道如何做到這一點? HTML: <a data-toggle="modal" data-target=".bd-examp