可能的重复：
将图像与较小 div 内的中心对齐
我有一个指向 CSS 3 的问题。请查看我的 HTML 代码部分：
<div id="main" style="width: 320px; height: 400px;">
<img src="test.jpg" height="400" />
</div>
我不知道 test.jpg 文件的实际大小（宽度可以不同 - 文件是动态的）。我想在 id="main" 中间放置图像（我不在乎，图像的左右部分会超出范围 - 甚至更好）。我怎样才能做到这一点 ？
请看我的表结构:
-------------
| id | name |
-------------
| 1 | a |
| 2 | a |
| 3 | a |
| 4 | b |
| 5 | b |
| 6 | c |
| 7 | d |
| 8 | d |
我想创建一个查询(在PHP中),以获得这样的结果(在HTML中):
<p>name: a (number of letters: 3)</p>
<p>name: b (number of letters: 2)</p>
<p>name: c (number of letters: 1)</p>
<p>name: d (number of letters: 2)</p>