2020年3月25日 星期三

【css】使用display flex時圖片高度會拉高的問題

當某容器(.container)使用display:flex屬性且容器高度為100%時,發現內部的<img>標籤圖檔高度也會自動延伸拉高為100%,只要在.container上加上下面標註的兩個屬性就可修正


.container{ 
width: 970px;
height: 100%;
display: flex;
align-items:flex-start;
align-content:flex-start;
}

沒有留言:

張貼留言