我试图在另一个块内居中图像:
html 代码如下所示:
<ul>
<li>
<a href="/article/japanese-culture-one/">
<img src="/site_media/upload/fushimi-inari-fox_jpg_200x200_q85.jpg"
alt="Лисица Инари - один из мифических
персонажей культа синто"/> </a> <br />
<a href="/article/japanese-culture-one/"
class="article_title">История и
культура Японии. Часть Первая</a>
<p>Изолированная от остального мира
Япония породила действительно
уникальную культуру, удивляющую
западного человека своей непохожестью
и вдохновляющую своей красотой.
История и культура Японии, живущей по
своим ...</p> </li> .....
</ul>
我想要做的是将图像放在 li 的中心。(见http://img.skitch.com/20091128-xf36n8ekhpxyi5rdgnuqrtw36a.png)
CSS看起来是这样的:
ul#related{
list-style:none;
margin-top: 280px;
}
ul#related li{
float:left;
width:30%;
height: 500px;
margin:5px;
}
ul#related li a img{
border:1px solid #E3E3E3;
padding:2px;
height: 190px;
width: 190px;
text-align: center;
}
完整代码可在本站访问:http: //j-in.org.ua/article/art/
提前致谢!