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

codergarden 發布于2019-08-29 18:42 / 1380人閱讀

摘要：實例結果左側區域的不見了。而且滾動也不會出現。這是因為只會對下方或右側超出的部分滾動，對左側和上方無效左側可以嘗試設置超出。也是橫向無滾動解決方案中間再包一層實例結果

實例


  
    
      content
    
    
      content

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

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

結果：

左側區域的content不見了。而且滾動也不會出現。
這是因為overflow：scroll 只會對下方或右側超出的部分滾動，對左側和上方無效（左側可以嘗試float: right設置超出。也是橫向無滾動）

解決方案

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%;
}

結果：

GPU云服務器云服務器 attr&039&039checked&039&039 given&039&039 php游戲代碼&039&039 java好學嗎&039&039

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114516.html

&#039;align-items: center/flex-end &#039; breaks

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

鄒強 2019-08-02 16:13 評論0 收藏0
&#039;{ }&#039;在不同上下文中的作用

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

Reducto 2019-08-20 11:27 評論0 收藏0
避免取值時出現Cannot read property &#039;xx&#039; of unde

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

fantix 2019-08-23 15:23 評論0 收藏0
q&#039;qJavaScript學習第三天筆記（語句）

摘要：循環語句循環語句是什么循環語句是一系列反復執行到符合特定條件的語句。示例代碼如下跳轉語句什么是跳轉語句跳轉語句就是使得代碼的執行可以從一個位置到另一個位置，跳轉語句包括和兩種。語句語句語句的概述 1.描述：在JavaScript中，語句使用分號（;）進行分隔。可以在每行編寫一條語句，也可以在每行編寫多條語句（建議每行只編寫一條語句）。JavaScript解釋器按照語句...

chenjiang3 2019-08-23 10:51 評論0 收藏0
歐拉函數(Euler&#039; totient function )

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

lewinlee 2019-07-31 12:23 評論0 收藏0