html - テーブル セルの幅を埋めるアンカー タグを取得するにはどうすればよいですか?

Question

アンカー タグを含むテーブル セルがあり、アンカー タグの幅 (および高さ) を含むテーブル セルの幅を埋める必要があります。これには直感が通用しないようです。助けてください。

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;
}

アンカー タグは、「Some Text」というテキストと同じ幅しかありません。ユーザーが表のセル内の任意の場所をクリックしてリンクをトリガーできるようにしたい。JavaScript を使用しないでください。

Answer 1

それを試してみてください：

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

Answer 2

要素<a>をブロック要素にします (デフォルトではインラインです):

.width_is_100px a {
    display:block;
}

Answer 3

<table>
    <tr>
        <td class="width_is_100px">
            <a href="http://www.doesnotwork.com"><div style="width:100%;">Some Text</div></a>
        </td>
    </tr>
</table>