.rtf{background:url(allbgs.png) no-repeat 0px 0px;width:13px;padding-top:18px;}.txt{background:url(allbgs.png) no-repeat -13px 0px;width:13px;padding-top:18px;}.excel{background:url(allbgs.png) no-repeat -26px 0px;width:16px;padding-top:18px;}.word{background:url(allbgs.png) no-repeat -42px 0px;width:16px;padding-top:18px;}.pdf{background:url(allbgs.png) no-repeat -58px 0px;width:16px;padding-top:18px;}.ppt{background:url(allbgs.png) no-repeat -74px 0px;width:16px;padding-top:18px;}MS Office文档 ,docxppt,pptxxls,xlsxvsdpotppsrtf
PDF pdf
纯文本 txt
控制你div的位置试试
把要排在一块的图标的div浮动一下试试
或者用table布局试试可以不
控制你div的位置试试
把要排在一块的图标的div浮动一下试试
或者用table布局试试可以不
不想用table，能不能帮我贴个代码看看
你用的是div背景做的 那么div就要加浮动float：left
其实想要实现这种效果很简单 放一个横排div 控制好宽、高度 直接用img标签把图片放在div里就可以了
其实想要实现这种效果很简单 放一个横排div 控制好宽、高度 直接用img标签把图片放在div里就可以了
这样的话，每个小图标都要做成一个文件，对吗？ 我想把小图标都放在一个文件里边
引用 4 楼 emperor_v5 的回复:其实想要实现这种效果很简单 放一个横排div 控制好宽、高度 直接用img标签把图片放在div里就可以了
这样的话，每个小图标都要做成一个文件，对吗？ 我想把小图标都放在一个文件里边
嗯 是的 要把每一个图片切下来做一个图片的
我汗啊 我无语啊 我瀑布汗啊 。
*{margin0;padding:0;}.demo_ico a{ display: block; float:left; height:16px; padding:5px 12px;line-height:16px;}.demo_ico i{width:16px;height:16px;background-image:url(http://img.my.csdn.net/uploads/201301/31/1359592718_8462.jpg); float:left; background-repeat:no-repeat;}.one i{ background-position:-139px -16px;}.two i{background-position:-218px -16px;}.threee i{background-position:-194px -40px;}.four i{background-position:-235px -40px;}.five i{background-position:-139px -112px;}.demo_ico span{ margin-left:8px;}第一个 第二个 第三个 第四个 第五个
.one i{ background-position:-139px -16px;}.two i{background-position:-218px -16px;}.threee i{background-position:-194px -40px;}.four i{background-position:-235px -40px;}.five i{background-position:-139px -112px;} 除非你重新做 图片 要不定位出来的 会有 问题。
补充下 ：意思是 把 所有的小图片 重新排列下 。
楼主这种情况，还是把图片分开比较实际吧，代码也容易编写和修改：）
.rtf{background:url(allbgs.png) no-repeat 0px 0px;width:13px;padding-top:18px; float:left; margin-left:5px;}.txt{background:url(allbgs.png) no-repeat -13px 0px;width:13px;padding-top:18px; float:left; margin-left:5px;}.excel{background:url(allbgs.png) no-repeat -26px 0px;width:16px;padding-top:18px; float:left; margin-left:5px;}.word{background:url(allbgs.png) no-repeat -42px 0px;width:16px;padding-top:18px; float:left; margin-left:5px;}.pdf{background:url(allbgs.png) no-repeat -58px 0px;width:16px;padding-top:18px; float:left; margin-left:5px;}.ppt{background:url(allbgs.png) no-repeat -74px 0px;width:16px;padding-top:18px; float:left; margin-left:5px;}在每一个图标的样式后面都加上float:left;
除非你重新做 图片 要不定位出来的 会有 问题。
有一个工具可以自动把小图合成大图，然后生成定位，上边的css就是自动生成的。
Copyright © 2019-2025 51dongshi.net 版权所有
违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务
