html - 链接到空白空间

Question

我已经更改了用于查看、编辑和删除相应标签的背景图像的常规<td>标签。但是现在链接不起作用，因为我没有要单击的文本。

我怎样才能使空格可点击，或者有另一种方法来解决这个问题？

这就是我得到的：

...
<td class="view"><%= link_to '', event %></td>
<td class="edit"><%= link_to ' ', edit_event_path(event) %></td>
<td class="delete"><%= link_to ' ', event, :confirm => 'Are you sure?', :method => :delete %></td>

我知道一个解决方案是将图像添加为 image_tag 并创建一个链接，但是在 style.css 中声明图像更清晰，更易于实现。

提前致谢

Answer 1

您可以使用 CSS 使链接可点击。如果您将空白链接的类设置为：

display: inline-block;
width: 100%;
height: 100%;

他们应该变得可点击。