html - 正确的 CSS 格式

Question

我有一个循环输出所有行的 PHP 表。我想让文本 float 在表格行的中间，但将行的整个宽度+高度作为 anchor 。

我每行有 9 个 TD。所以我为每个 TD 应用了一个 anchor 。我尝试执行 td p 并将高度设置为 50% 或 vertical-align middle 但这不起作用。我想我需要重新开始使用 CSS。

我的问题是:

有没有人有将 TR 高度应用到 70px，宽度 100% 的 CSS 代码？ TD 为 70px 高。然后 TD(或 TR)的整个区域成为一个可点击的 anchor ，文本 float 在 TR 高度的中间。

问候 开局

更新:

这是我的 CSS 和 PHP http://jsfiddle.net/j8ptc/显然它不会正确显示，因为它是 PHP

Answer 1

这应该可以做到。

 table {
   width: 100%
   border-collapse: collapse;
}
table td {
   border: 1px solid black;
}
table td a{
   height: 70px;
   display: inline-block;
   width: 200px;
   padding: 3px;
   text-decoration: none;
}

table td a {
    text-align: center;
    line-height: 70px;
}​

这是一个 fiddle结果。

编辑:

删除

line-height: 70px; 

并添加

word-wrap: break-word; 

将考虑长行文本，但它使垂直对齐变得困难。

如果单元格的内容是动态的(或未知的)，这似乎会造成问题。 Here's another question about it以供引用。祝你好运!