html - 如何获得 anchor 标记以填充表格单元格的宽度？

Question

我有一个带有 anchor 标记的表格单元格，我希望 anchor 标记的宽度(和高度)填充包含表格单元格的宽度。直觉似乎对此不起作用。请帮忙。

HTML:

<table>
    <tr>
        <td class="width_is_100px">
            <a href="http://www.doesnotwork.com"><span class="make_width_100px">Some Text</span></a>
        </td>
    </tr>
</table>

CSS:(不起作用)

.make_width_100px {
    width:100px !important;
}

anchor 标记仅与文本“Some Text”一样宽。我希望用户能够单击表格单元格内的任意位置并触发链接。请不要使用 javascript。

Answer 1

试一试:

a {
    display: block;
    height: 100%;        
    width: 100%;
}