大家可能会遇到这样的情况:设置链接的宽度,但却不起作用,宽度还只是文本的宽度。那么怎样才能让链接的宽度跟自己设置的期望一样呢?其实很简单,只需要在页面的最开头加上:

<script language="javascript" type="text/javascript">
</script>

下面是一段测试的代码,大家可以看下效果:

 

<script language="javascript" type="text/javascript">
</script>
   
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
    <title>TestHrefWidth</title>
    <style type="text/css">
       .MyLink
       {
        text-transform: none;
        text-decoration: none;
        font-family: Verdana;
        font-size: 11px; 
        width:100%;
       }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <table cellpadding="0" cellspacing="0">
        <tr>
           <td style="width:150px;background-color:#B5C8E1">
              <a href="#" class="MyLink">TestHref</a>
           </td>
        </tr>
    </table>
    </form>
</body>
</html>

 

posted on 2009-03-19 22:37  Kwoksun  阅读(309)  评论(0编辑  收藏  举报