在li标签中,如何让图片跟字体在不在同一行

在界面分布中,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;}



实现如下效果



字体

在li标签中,如何让图片跟字体在不在同一行

上一篇:一个修饰符(static)引起的服务器异常


下一篇:spring框架学习【多数据源配置优化】