css圖片怎么兩端對齊？
使用CSS實(shí)現(xiàn)圖片兩端對齊是一種常見的技術(shù)，它可以讓網(wǎng)站的圖片看起來更加美觀和專業(yè)。如何實(shí)現(xiàn)呢？下面就給你介紹兩種方式。
1.使用Flexbox
Flexbox是CSS3最新的一種布局模型，它可以非常方便地實(shí)現(xiàn)圖片兩端對齊。首先，需要在HTML中將圖片放置在一個容器中，然后給這個容器添加flex屬性，代碼如下：
```
```
```
.container {
display: flex;
justify-content: space-between;
}
```
這里我們使用了justify-content屬性，它是Flexbox布局模型中的一個屬性。這個屬性可以通過設(shè)置space-between來讓圖片在容器中兩端對齊。
2.使用text-align屬性
另一種實(shí)現(xiàn)圖片兩端對齊的方法是使用text-align屬性。我們同樣需要將圖片放置在一個容器中，代碼如下：
```
```
```
.container {
text-align: justify;
}
.container:after {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
.container img {
display: inline-block;
vertical-align: bottom;
width: 25%;
}
```
這里我們使用了text-align屬性，并將它設(shè)置為justify。此外，我們還需要在容器的末尾添加一個偽元素，這個元素的作用是強(qiáng)制容器中的所有圖片均勻分布。最后，我們需要使用display屬性將圖片的display屬性設(shè)置為inline-block，以便它們能夠按照我們所期望的方式排列。
以上就是兩種實(shí)現(xiàn)圖片兩端對齊的方法。大家可以根據(jù)需要選擇合適的方法，實(shí)現(xiàn)自己網(wǎng)站的美化。
