flexbox

-1熱度

1回答

我有兩個div圍繞另一個div（id =「about」）。使用全尺寸瀏覽器，它顯示爲水平和垂直居中，這是我想要的。但是，當窗口縮小後，我希望兩個div彼此疊加，而不是並排排列。對於我的嘗試，我想基本上重置該包裝（約）。我的CSS： #icon{ border: solid; border-color: red; border-width: 2px; ma

2熱度

3回答

檯面高度不Flexbox的

.flex { display: flex; width: 90%; margin: 0 auto; justify-content: space-between; } table { width: 48%; border-collapse: collapse; } th, td {

1熱度

2回答

使柔性項目採取新行

的100％的寬度我有HTML結構等： <div class="container"> <div class="btn-1"></div> <div class="btn-2"></div> <div class="btn-3"></div> <div class="text"> Lorem ipsum dolor sit amet, consec

0熱度

2回答

div與最小寬度增長與它的內容

我是一個CSS/HTML自動學習者，道歉，如果我的問題是愚蠢的。我想要一個最小寬度爲40％的div，其內容是合理的，但是當更多的項目將被添加到這個div中時，它的寬度會相應增加。這是我到目前爲止有： .hcontainerbutton { display: flex; width: 40%; background-color: blue; align-i

0熱度

2回答

Flexbox的對齊項目

我試圖對準6日，7日，8日，9日在Flex容器項目得到這樣的： [二路1號4 3TH 5 .......... ... 6日7日8日9時]。我嘗試使用margin-right：auto，但它不適用於一組物品。 .upper_nav ul { display: flex; display: -webkit-flex; list-style-type: n

0熱度

1回答

Flexbox的：如何結合可變和固定寬度

我試圖實現一個網格具有三列：的第一列在寬度 50％的第二和第三列組合也是50％寬度第三列寬度是可變的;它應該增長，但看起來合適（它包含一個帶有可變文本的按鈕）。如果第三列以寬度的x％比第二列的寬度爲50-x％結束。

1熱度

2回答

液粘頁腳柔性

我想在這個問題How to make a fluid sticky footer 與增加身體的答案描述在與柔性的bootom使頁腳 body { padding: 0; margin: 0; display: flex; min-height: 100vh; flex-direction: column; } 和主要 main { flex:

0熱度

2回答

無法將按鈕對齊屏幕左下角 - 反應本地

我想將我的按鈕放置在屏幕的左下角。我曾嘗試使用bottom: 0和left: 0，但那沒有做任何事情。我研究了一下，發現我需要設置position: 'absolute'。但是，當我這樣做時，我的按鈕完全消失。如何通過按鈕定位到屏幕左下角？這裏是我的代碼：確定自己的位置absolute當LY import React, { Component } from 'react'; import {

0熱度

1回答

使用css flexbox和沒有jQuery的響應下拉導航

我正在構建一個只有css而沒有jQuery的下拉菜單的響應菜單。新增flexbox並努力使下拉列表正確對齊。下面的代碼工作除了下拉的東西，將會失調 - 嘗試與像position：relative這樣的標準東西。我正在使用複選框（.toggle）顯示/隱藏漢堡包。希望得到一些指點。這裏是我的代碼（也JSFiddle here） nav { margin:0 auto;

-1熱度

1回答

瀏覽器之間的內聯元素高度不一致

我有一個inline-flex元素由兩個內嵌塊元素結束。他們都是不同的高度，但我想把他們與他們的垂直中心。在webkit中，通過將position: relative; top: 53px;應用於內嵌塊元素，可以實現這一點。但是，在Firefox中，這將內聯塊的方式放在我想要的地方。刪除top偏移量我可以看到，webkit和firefox中元素的默認位置完全不同。這裏有一個小提琴：https