第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

當(dāng)多行撓曲項(xiàng)目包裝時(shí),移除它們之間的空間(間隙)

當(dāng)多行撓曲項(xiàng)目包裝時(shí),移除它們之間的空間(間隙)

Qyouu 2019-06-28 15:02:04
當(dāng)多行撓曲項(xiàng)目包裝時(shí),移除它們之間的空間(間隙)我正試圖在一個(gè)設(shè)置高度的容器中,在彼此下面放置一些物品。如果沒(méi)有空間,則項(xiàng)目將在彼此之間繼續(xù)進(jìn)行。這就是我的想法:我正試著用柔性箱來(lái)實(shí)現(xiàn)這一點(diǎn),一個(gè)有固定高度的容器,方向被設(shè)置為column和flex-wrap是wrap:問(wèn)題是兩欄之間有很大的差距。我試著設(shè)置兩個(gè)justify-content和align-items到flex-start,但這可能是默認(rèn)值。有什么辦法解決這個(gè)問(wèn)題嗎?以下是代碼:* {  box-sizing: border-box;}body {  font-family: sans-serif;}.container {  display: flex;  flex-wrap: wrap;  height: 300px;  flex-direction: column;  background-color: #ccc;}.items {  width: 100px;  height: 100px;  margin: 10px;  background-color: tomato;  color: white;  font-size: 60px;  font-weight: bold;  text-align: center;  padding: 15px;}<div class="container">  <div class="items">1</div>  <div class="items">2</div>  <div class="items">3</div>  <div class="items">4</div>  <div class="items">5</div></div>密碼
查看完整描述

1 回答

?
小唯快跑啊

TA貢獻(xiàn)1863條經(jīng)驗(yàn) 獲得超2個(gè)贊

Flex容器的初始設(shè)置為align-content: stretch.

這意味著多條彎曲項(xiàng)目將沿著交叉軸均勻分布。

若要重寫此行為,請(qǐng)應(yīng)用align-content: flex-start容器里。


當(dāng)你在一個(gè)單線柔性集裝箱(即flex-wrap: nowrap),用于沿交叉軸分配空間的屬性為align-itemsalign-self.

當(dāng)你在一個(gè)多線柔性集裝箱(即flex-wrap: wrap)-就像問(wèn)題中一樣-用于分發(fā)的屬性撓曲線(行/列)沿交叉軸align-content.

從規(guī)范中:

8.3.交叉軸對(duì)齊:align-itemsalign-self特性

align-items設(shè)置所有FLEX容器的項(xiàng)(包括匿名FLEX項(xiàng))的默認(rèn)對(duì)齊方式。align-self允許對(duì)單個(gè)FLEX項(xiàng)重寫此默認(rèn)對(duì)齊。

8.4.包裝折線:align-content財(cái)產(chǎn)

這個(gè)align-content屬性在交叉軸中有額外空間時(shí),在Flex容器內(nèi)對(duì)齊一個(gè)Flex容器的行,類似于justify-content在主軸內(nèi)對(duì)齊各個(gè)項(xiàng)目.注意,此屬性對(duì)單行FLEX容器沒(méi)有任何影響。

這個(gè)align-content屬性包含六個(gè)值:

  • flex-start

  • flex-end

  • center

  • space-between

  • space-around

  • stretch

以下是定義stretch:

stretch

線條伸展以占據(jù)剩余的空間。如果剩余的空閑空間為負(fù)值,則此值與flex-start..否則,自由空間被平分在所有的線之間,增加它們的交叉大小.

換句話說(shuō),align-content: stretch在交叉軸上類似于flex: 1在主軸上。


查看完整回答
反對(duì) 回復(fù) 2019-06-28
  • 1 回答
  • 0 關(guān)注
  • 466 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)