0

divの幅と高さの値をテーブルのセルと自動的に同じに設定したいと思います。

テーブルの列<td>は動的な幅と高さになります。

目的：ユーザーはテーブルの各セルをクリックする必要があります。

まあ言ってみれば、

<table>
  <tr>
    <td> <-------- dynamic width & height
      <commandLink>
        <div> <---------- I cannot click this <div> as link, can you provide me?
          //nod ata
        </div>
      </commandlink>
    </td>
  </tr>
</table>
4

1 に答える 1

2

適用するだけ

td div {
   width: 100%;
   height : 100%;
}

tdただし、要素の高さを指定する必要があります。

とにかく、デフォルトでは、divはすでに全幅に適合しているのでheight: 100%十分です。

divをクリック可能にする必要がある場合<a>は、次のスタイルでdiv内にタグを追加します。

td div#your-id a {
   display : block;
   width: 100%;
   height : 100%;
}

onclickまたは、JavaScriptを介してイベントのハンドラーをdivにアタッチします。

于 2012-09-27T10:43:11.900 に答える