欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中如何讓圖片居下

林玟書1年前11瀏覽0評論
在 CSS 中,我們可以使用多種方法讓圖片垂直居下,以下是其中的一些方法: 1. 使用 flex 布局 將圖片的外層容器設(shè)置為 display: flex; 并將 justify-content 屬性設(shè)置為 center,align-items 屬性設(shè)置為 flex-end,就可以輕松實現(xiàn)圖片的垂直居下。 ```
``` ``` .container { display: flex; justify-content: center; align-items: flex-end; } ``` 2. 使用 position 屬性 將圖片的父元素設(shè)置為 position: relative;,圖片本身設(shè)置為 position: absolute;,并將 bottom 屬性設(shè)置為 0,就可以讓圖片垂直居下。 ```
``` ``` .container { position: relative; } .container img { position: absolute; bottom: 0; } ``` 3. 使用 line-height 屬性 將圖片的父元素設(shè)置為 line-height: 父元素高度;,并將圖片的 vertical-align 屬性設(shè)置為 bottom,就可以讓圖片垂直居下。 ```

這是一段文字

``` ``` .container { line-height: 100px; } .container img { vertical-align: bottom; } ``` 以上是三種常用的讓圖片垂直居下的方法,在實際應(yīng)用中可以根據(jù)具體情況選擇使用。