在外部样式文件已经定义好了样式：
a.link_gray:link{color:#999999;text-decoration:underline;font-size:14px;}
a.link_gray:visited{color:#999999;text-decoration:none;font-size:14px;}
a.link_gray:hover{color:orange; text-decoration:underline;font-size:14px;}
在html中
<td> <a id= "ViewUserPanel_HyperLink1 " class= "LINK_Gray " href= "http://localhost/BizDoors/CategorySettingsManagement/tabid/3011/ctl/Edit/mid/4758/typeID/1/Default.aspx " target= "_blank "> 类别设置 </a>
|
<a id= "ViewUserPanel_HyperLink2 " class= "LINK_Gray " href= "http://localhost/BizDoors/default/tabid/1492/ctl/list/mid/2445/TypeID/1/Default.aspx " target= "_blank "> 产品管理 </a> </td>
显示正常，奇怪的是，一点击链接之后，链接就移位到下面一行去了，即比如点击了类别设置，则类别设置就到了第二行， "| "和产品管理在第一行，再点产品管理，则产品管理也跑到第二行，只有 "| "在第一行。然后刷新，它们两个链接还是在第二行，并排在一起，而原本在中间的那条“|”竟独自在第一行，是什么原因呢？
急急急，有什么办法可以锁定它们呢?
------解决方案--------------------------------------------------------
<tr>
<td> > <a id= "ViewUserPanel_HyperLink1 " class= "LINK_Gray " href= "http://localhost/BizDoors/CategorySettingsManagement/tabid/3011/ctl/Edit/mid/4758/typeID/1/Default.aspx " target= "_blank "> 类别设置 </a>
</td>
<td> | </td>
<td> <a id= "ViewUserPanel_HyperLink2 " class= "LINK_Gray " href= "http://localhost/BizDoors/default/tabid/1492/ctl/list/mid/2445/TypeID/1/Default.aspx " target= "_blank "> 产品管理 </a>
</td>
</tr>