Heim > Web-Frontend > HTML-Tutorial > 怎么将图片和文字一起显示啊_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 08:51:44
Original
2351 Leute haben es durchsucht

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


                    online:
                                             echo " id: " . $value['eui'] . "";
                        ?>
                    
                    SeqNum:
                    Battery: Days left
                    EntryNet:
                    Humidity
                    Motion
                     V
                    Led:
                    
                


回复讨论(解决方案)

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

  

  
  
CSS sprites  
  
  
  
  
  
  
  
 

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

楼上正解..

  

  
  
CSS sprites  
  
  
  
  
  
  
  
 

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

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage