锚标签 - 相同的高度,仍然可以用CSS点击？

Question

我在jsfiddle上有一些代码: http ://jsfiddle.net/tYrCe/1/ 如果你愿意,可以编辑它!

我有3个带锚标签的按钮.我希望他们的身高相等.

要求

• 高度相等
• 独立于内容(最小高度,不好)
• 整个链接仍然可以点击(javascript onclick,not ok)

Answer 1

您可以使用display: table-cell。

table-layout: fixed在单元格之间均匀分配可用宽度。

确保您可以接受浏览器支持：http://caniuse.com/css-table
（我假设 IE6/7 支持没有问题，因为您正在使用outline）

请参阅： http: //jsfiddle.net/thirtydot/Ab6bg/

.urls {
    width: 300px;
    background: #fff;
    display: table;
    table-layout: fixed
}
.urls a {
    display: table-cell;
    outline: 1px solid #ccc
}