[問題] 要如何用CSS將圖片上下左右皆置中？
不知道有沒有人能提供一個利用CSS將圖片上下左右皆置中的辦法
先講解一下我想要做出來的網頁架構
目前是打算寫一個類似相簿的系統
列出縮圖的部份原始碼架構大致上如下：
<div id="container">
<div class="album">
<div class="images">
<a href="ccc.php"><img src="xxx.jpg" /></a>
</div>
相簿名稱一
</div>
<div class="album">
<div class="images">
<a href="ccc.php"><img src="xxx.jpg" /></a>
</div>
相簿名稱二
</div>
...
</div>
在列出相簿縮圖的時候因為不確定縮圖大小
只知道縮圖長跟寬最大為150px
所以我用下面的語法設定.images
.album .images {
width: 160px;
height: 160px;
text-align: center;
}
但是這樣只能讓縮圖左右置中
沒辦法讓縮圖上下也置中
試過用vertical-align: middle;也無效
不知道有沒有人能提供我一個方法解決這個問題
在這裡先謝過了...m(_ _)m
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.130.27.149
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
