li标签里图标如何实现居中?

li标签里图标如何实现居中?,第1张

首选先设定好你的图片高度和宽度然后用定位的方式实现图片居中(这个居中是相对于你li的高度)。代码如下供参考

<li style="height:118pxwidth:143pxoverflow:hidden"> 

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)opacity:1display:block position:relative left:?xp top:?px"> </li>

如图,代码我也贴上了。怎么样让li里面的图片居中,像最后一张图一样(...

答:line-height只对文字起作用,对图片无效,所以如果仅用line-height是无法实现你的目的的,肯定要用到其他,比如给img添加margin-top:20px,或者vertical-align:-50%


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11865234.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存