怎么将图片和文字一起显示啊_html/css_WEB-ITnose

在一个table表格里,我想的是上面显示图标,下面显示文字,增强显示效果,图片在上,下面对其显示文字,是用两行一行显示图标一行显示文字好还是在一行里面全部显示,这是主体表格,现在只有文字,用的是php这个无所谓,这些选项要加点样式图标显示才好看,再多问一个。。。就是图标我找到有,但是是一个长数列,全在一张图片上,貌似要用到css定位,能不能指点一二,,,(主要是现在没有找到好一点的教程,实在不行我直接用ps一张张扣下来还是可以的,现在都是现学现用,所以有些问题实在没有找到,,,谢谢各位解答)
     

                    online:
                    <?php
                        echo ” id: ” . $value[‘eui’] . “”;
                        ?>
                    
                    seqnum:
                    battery: days left
                    entrynet:
                    humidity
                    motion
                    v
                    led:
                    
                

回复讨论(解决方案)

用背景图background-position 设定位置和宽高

  

  
  
CSS sprites  

div{
background-image:url(nav_logo99.png);
background-repeat:no
}
.logo{
width:120px;
height:40px;
background-position:-24px 0px
}
.play{
width:28px;
height:28px;
background-position:-138px -41px
  
  
  
  
  
  
  
 

用法大概是这样,你复制代码,修改成你的图片路径试试玩玩就知道了

楼上正解..

  

  
  
CSS sprites  

div{
background-image:url(nav_logo99.png);
background-repeat:no
}
.logo{
width:120px;
height:40px;
background-position:-24px 0px
}
.play{
width:28px;
height:28px;
background-position:-138px -41px
  
  
  
  
  
  
  
 

用法大概是这样,你复制代码,修改成你的图片路径试试玩玩就知道了 再请教一个问题,就是我现在用的position定位图标了,但是没办法定位图标在实际表格中显示的位置了,有没有好的办法吗,谢谢

在单元格里放一个标签,样式定在这个标签上

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3117564.html

(0)
上一篇 2025年3月29日 13:43:24
下一篇 2025年3月29日 13:43:29

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论