成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

'align-items: center/flex-end ' breaks

鄒強 / 3119人閱讀

摘要:實例結(jié)果左側(cè)區(qū)域的不見了。而且滾動也不會出現(xiàn)。這是因為只會對下方或右側(cè)超出的部分滾動,對左側(cè)和上方無效左側(cè)可以嘗試設(shè)置超出。也是橫向無滾動解決方案中間再包一層實例結(jié)果

實例
content
content
.slidesWrap {
  display: flex;
  align-items: center;
  overflow: auto;
}

.slide {
  overflow: auto;
  flex: 1;
  max-height:100%;
}

結(jié)果:


左側(cè)區(qū)域的content不見了。而且滾動也不會出現(xiàn)。
這是因為overflow:scroll 只會對下方或右側(cè)超出的部分滾動 ,對左側(cè)和上方無效(左側(cè)可以嘗試float: right設(shè)置超出。也是橫向無滾動)

解決方案

1.中間再包一層
2.max-height:100%;

實例:

content
content
.slidesWrap {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.slide {
  overflow: auto;
  flex: 1;
  max-height:100%;
}

結(jié)果:

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/54904.html

相關(guān)文章

  • 'align-items: center/flex-end ' breaks

    摘要:實例結(jié)果左側(cè)區(qū)域的不見了。而且滾動也不會出現(xiàn)。這是因為只會對下方或右側(cè)超出的部分滾動,對左側(cè)和上方無效左側(cè)可以嘗試設(shè)置超出。也是橫向無滾動解決方案中間再包一層實例結(jié)果 實例 content content .slidesWrap { display: flex; align-items: cente...

    codergarden 評論0 收藏0
  • '{ }'在不同上下文中的作用

    摘要:大括號的作用,在不同的上下文中差別很大以下觀點若有錯誤,請前輩及時指出一被當(dāng)做對象字面量如,外層的被賦值給了,這里的被當(dāng)做對象處理。本文參考你不知道的 大括號‘{ }’的作用,在不同的上下文中差別很大!以下觀點若有錯誤,請前輩及時指出! 一、{ }被當(dāng)做對象字面量 如:var obj = { foo: function(){} };,外層的{...}被賦值給了obj,這里的{...}被...

    Reducto 評論0 收藏0
  • 避免取值時出現(xiàn)Cannot read property 'xx' of unde

    摘要:由于是以空函數(shù)為代理對象,我們可以將執(zhí)行它,觸發(fā)。中會遍歷數(shù)組依次取值,如果發(fā)現(xiàn)無法繼續(xù)取值則,跳出循環(huán)。 本文來自我的博客,歡迎大家去GitHub上star我的博客 我們在取值特別是鏈式取值的時候,常常會遇到Cannot read property xx of undefined的錯誤,如何避免這種情況的發(fā)生呢?這里有幾種方法以供參考 使用成熟的庫方法 這是最簡單的一種手段:只用引入...

    fantix 評論0 收藏0
  • q'qJavaScript學(xué)習(xí)第三天筆記(語句)

    摘要:循環(huán)語句循環(huán)語句是什么循環(huán)語句是一系列反復(fù)執(zhí)行到符合特定條件的語句。示例代碼如下跳轉(zhuǎn)語句什么是跳轉(zhuǎn)語句跳轉(zhuǎn)語句就是使得代碼的執(zhí)行可以從一個位置到另一個位置,跳轉(zhuǎn)語句包括和兩種。 語句 語句 語句的概述 1.描述:在JavaScript中,語句使用分號(;)進行分隔??梢栽诿啃芯帉懸粭l語句,也可以在每行編寫多 條語句(建議每行只編寫一條語句)。JavaScript解釋器按照語句...

    chenjiang3 評論0 收藏0
  • 歐拉函數(shù)(Euler' totient function )

    摘要:傳送門這個就是主角歐拉函數(shù)。在數(shù)論中,對正整數(shù),歐拉函數(shù)是小于或等于的正整數(shù)中與互質(zhì)的數(shù)的數(shù)目。歐拉函數(shù)實際上是模的同余類所構(gòu)成的乘法群即環(huán)的所有單位元組成的乘法群的階。 歐拉函數(shù)(Euler totient function ) Author: Jasper Yang School: Bupt 前言 gamma函數(shù)的求導(dǎo)會出現(xiàn)所謂的歐拉函數(shù)(phi),在一篇論文中我需要對好幾個歐...

    lewinlee 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<