flexbox

1熱度

1回答

我正在使用max-width: 100%包含textarea。但它似乎並不適用於Flex項目。有沒有我可以在textarea上指定的屬性來確保最大值將被尊重？ textarea { display: block; margin-bottom: 1em; max-width: 100%; box-sizing: border-box; overflo

1熱度

3回答

CSS Flexbox空間與包裝之間divs

我有一個外部flexbox與兩個內部divs彼此相鄰，都爲150x150大小。填充是10px。我使用flex-wrap: wrap;，這樣如果窗口不適合他們兩個，第二個去低於第一個。 <!DOCTYPE html> <html> <head> <style> .big { background-color: red; display: flex; paddin

0熱度

1回答

對圖像

我有以下的頂部放置文本框陣營的本地代碼： <View style={itemStyle.content}> <Text style={textIndexStyle.content}> {this.props.element["indexNumber"] + 1} </Text> <Image source

0熱度

1回答

具有相同類別的div可調整爲不同的內容

我有三個彼此相鄰的div。他們有相同的階級和相同的結構，但其內容不同，尤其是長度。我的問題是，所有三個div都採用「最長」內容的高度，而不是根據個人內容進行調整。這裏是我的HTML： <main class="content"> <div class="column last-match"> <div class="image-wrapper"> <a href

0熱度

1回答

防止Flex項目在React Native中環繞

我在理解React Native中下面的flex佈局時會發生什麼問題。在每一行中，我希望每個tileContainer佔用相同的空間，而不是換行到下一行。在這個例子中，我希望所有七個拼貼在同一行上。爲什麼它一直在包裝？此外，請注意每個tileContainer的身高不會成長爲父母的身高。爲什麼是這樣？我希望我的tileContainer具有與父容器相同的高度。我假設這是因爲父母有flexDire

0熱度

1回答

CSS：100％div在移動設備上不顯示爲100％

非常奇怪，但我有一個正在處理的網站（https://envymedical.com/staging/），它使用高級自定義字段在移動設備上顯示兩個div並排顯示Flexbox並在電話中，他們應該崩潰並出現在另一個之上。出於某種原因，在移動設備上，即使我爲每個div設置了width: 100%，也不會發生這種情況。這裏有一個例子： .half_image_half_text { dis

2熱度

2回答

的Flex網格項目的奇數和

確定這是給我一個相當頭痛之間的固定保證金... 這是我的代碼/例如 https://codepen.io/anon/pen/xXpjYa .flex { display: flex; flex-wrap: wrap; } .imageContainer { flex: 1 0 30%; height: 200px;

1熱度

2回答

flexbox中的垂直和水平文本對齊

在這種情況下，如何簡單地更改flex框中的文本對齊？我想將文本與flex-start對齊，但出現了問題，我不明白是什麼。我認爲主要風格不會改變，或者在這種情況下我需要使用別的東西，而不是align-items。我需要將所有文本（md-card-title，md-card-subtitle,md-card-content）與flex-start對齊。 goods.component.css： md

0熱度

2回答

Flexbox的排

我使用CSS Flexbox將創建一個垂直居中導航： #main-nav { display: flex; height: 400px; width: 50%; background: #ccc; align-items: center; padding: 50px; ul { list-style: none;

0熱度

1回答

IE中的translateY動畫

我似乎無法將此動畫集中在IE中。在所有其他瀏覽器中都很好，但是在IE中，它在右邊。已嘗試翻譯（-50％，-50％），但仍得到相同的結果。如果有人能幫我弄清楚這一點，我會非常感激。我一直在尋找解決方案，但一直沒有運氣。似乎它應該是簡單的。 [https://jsfiddle.net/d0jmeyu7/2/][1] <style> .container { position: absolute;