电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: web开发---给添加超链接 [打印本页]

作者: look_w 时间: 2019-4-20 11:26 标题: web开发---给添加超链接

我们经常用td来做nav导航那给<td> 添加超链接就是比较常用的需求

直接 <a><td></td></a>不符合标准

只能 <td><a></a></td>  但此时超链接只有鼠标直到a标签时才生效并不是进入td就生效

这个时候我们只要把 a标签变成块级元素即可

<td width="92" class="nav" ><a href="#">HOME</a></td>

然后

<style>
.nav a {
         display:block; /* 把行内元素变成块级元素 */
         width:92px; /* 盒子宽度与td宽度一致*/
         height:37px; /* 盒子高度与td高度一致 */
         text-decoration: none;
         vertical-align: middle;/* 使a的文本垂直居中 */

      }

.nav{
   background:#0E0D0D;
width:92px;
   text-align: center;    /* 使a的文本水平居中 */
   white-space:nowrap;
color:#ffffff;
cursor:pointer;
line-height:37px; /* 使a的文本垂直居中要与a标签的高度一致 */
}

</style>

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)