在做页面布局的时候,有时候会遇到在同一个 ul 下 li 标签下的图片不能垂直对齐的问题,使页面不能很表现。遇到此类问题可以使用img标签下margin-bottom样式处理。代码如下:
Html:
<ul>
<li><img src="my.gif" alt="" />文字一</li>
<li><img src="my.gif" alt="" />文字二</li>
<li><img src="my.gif" alt="" />文字三</li>
<li><img src="my.gif" alt="" />文字四</li>
</ul>
Style:
<style type="text/css">
ul
{
margin:0px;