代码如下:
<p class="menu_son" onclick="javascript:location.href='##';"><img src="images/bico.gif" alt="" />&nbsp;&nbsp;&nbsp;回复留言</p>
    <p class="menu_son" onclick="javascript:location.href='##';"><img src="images/bico.gif" alt="" />&nbsp;&nbsp;&nbsp;删除留言</p>
     <p class="menu_son" onclick="javascript:location.href='##';"><img src="images/bico.gif" alt="" />&nbsp;&nbsp;&nbsp;编辑留言</p>显示结果如下:
回复留言删除留言编辑留言
问题出现在中间有一行空格,css中怎样写menu_son,可以让他显示如下:
回复留言
删除留言
编辑留言
line-height用了也不行的,谢谢高手

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style>
    img{width:1px;height:1px}
    P{ margin-top:-18px} }</style>
    </head>
    <body>
    <p class="menu_son" onclick="javascript:location.href='##';"> <img src="images/bico.gif" alt="" />&nbsp;&nbsp;&nbsp;回复留言 </p> 
         <p class="menu_son" onclick="javascript:location.href='##';"> <img src="images/bico.gif" alt="" />&nbsp;&nbsp;&nbsp;删除留言 </p> 
          <p class="menu_son" onclick="javascript:location.href='##';"> <img src="images/bico.gif" alt="" />&nbsp;&nbsp;&nbsp;编辑留言 </p> </body>
    </html>
    这种办法并不好..呵呵.