头闻号

深圳市罗湖区汇枢化妆品商店

彩妆化学品|皮肤用化学品|面膜|化妆品包装|综合性公司|凉、拖鞋

首页 > 新闻中心 > 科技常识:如何处理小图标与文字混排的多种解决方案
科技常识:如何处理小图标与文字混排的多种解决方案
发布时间:2024-10-01 21:42:32        浏览次数:3        返回列表

今天小编跟大家讲解下有关如何处理小图标与文字混排的多种解决方案 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关如何处理小图标与文字混排的多种解决方案 的相关资料,希望小伙伴们看了有所帮助。

对于小图标和文字的混合排版的确是个很麻烦的问题 网上有人总结了以下几种解决方法 仅供大家参考: 1、可以把小图标设为背景 并设定<li>的padding值。比较常见于<ul><li>制作的菜单中;(注重:可能你经常会看到在IE5下定义在LI中的小图片会在文字下面 原因就是制作者把样式定义在A中了 IE5对内联元素补白样式支持不完善 所以在一般情况下把背景小图标定义在LI中 因为LI在默认的情况下是有块元素的特性。) 2、可以对图标进行样式定义 设定img属性margin或padding的值; 3、可以在图片中使用align=\"absmiddle\"来让图片绝对居中 alibaba英文网站上很多都是这样排版的。 4、使用垂直居中的通用方法(外层设置相对位置属性 内层设置绝对位置属性 设置\"top:50%;marign-top:-x/2;\" x为内层的高度)。 哪种方法是最好的 我认为应该具体情况具体分析 环境不同方法不同 大家应该灵活运用。

来源:爱蒂网