首页 > 其他 > 详细

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

时间:2014-01-20 23:19:35      阅读:590      评论:0      收藏:0      [点我收藏+]

在界面分布中,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标签中,如何让图片跟字体在不在同一行

原文:http://blog.csdn.net/huanglin02/article/details/18412783

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!