在界面分布中,li标签里,如何让图片跟字体不在同一行,也就是上下行的结构。看如下解决方法
加个样式 class="k_img_ul" ,字体用 <p>标签围着。
<ul class="k_img_ul">
<dl>
<li><a href=" " ><img src="yuangcx.jpg" /><p>员工查询</p></a></li>
<li><a href=" " ><img src="wangldw.jpg" /><p>往来单位</p></a></li>
</dl>
</ul>
css里面设置字体的height 跟 line-height即可
.k_img_ul p{ height:24px; line-height:18px;}
实现如下效果
图
字体