css - 如何使按钮横跨列的宽度

Question

我试图让一个按钮跨越一列的宽度。

例如这里:http://davidnhutch.com .请注意，浅灰色按钮如何仅与其包含的文本一样大？我希望每个按钮都能跨越该列的宽度，但我终究无法弄清楚该怎么做。我环顾四周，但对此还是有点陌生​​。

有什么想法吗？

Answer 1

你必须让它们成为 block 状元素才能设置宽度:

.button {
    display: block;
    width: 100%;
}