作者hwakeye (hwakeye)
看板Web_Design
标题[问题] 要如何用CSS将图片上下左右皆置中？
时间Mon Jan 2 19:51:00 2006
不知道有没有人能提供一个利用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