html - 如何放入标签内？
table放入a标签是一个好的解决方案吗？为什么链接在包装表时不起作用？
<a href="/place">
<table>
<tr>
<td>
<span class="place-icon" />
</td>
<td
问问题
2963 次
3 回答
6
我需要实现下一个html
不，你没有，也不应该。真的。它是无效的、非语义的，并且（也许最重要的是）由于这些原因而无法可靠地工作。
如果您想要的只是图像和一些文本（已链接），请使用以下内容：
<a href="/place" class="button">My Place Name</a>
.button {
display: inline-block;
background-image: url();
background-position: 2px 2px;
padding-left: 16px; /* size of image */
}
这是一个工作示例：http: //jsfiddle.net/RvTp3/
根据评论，这是另一个示例，显示文本换行时与垂直中间对齐的图像：http: //jsfiddle.net/RvTp3/1/
于 2012-08-10T11:20:53.827 回答
1
在我看来，您只想拥有一个带有图标和文本的链接，它们都链接到 /place 并且<table>仅用于布局，对吗？为什么不摆脱桌面并使用 css 进行布局？
于 2012-08-10T11:21:41.173 回答
1
它不是。你不应该。
如果你想启用点击表格。然后你可以通过将点击事件附加到表格来做到这一点。
<table onclick="window.location='yoururl'">
<tr>
<td>
<span class="place-icon" />
</td>
<td>
My place name
</td>
</tr>
</table>
于 2012-08-10T11:24:24.843 回答
table放入a标签是一个好的解决方案吗？为什么链接在包装表时不起作用？
<a href="/place">
<table>
<tr>
<td>
<span class="place-icon" />
</td>
<td
问问题
2963 次
3 回答
6
我需要实现下一个html
不，你没有，也不应该。真的。它是无效的、非语义的，并且（也许最重要的是）由于这些原因而无法可靠地工作。
如果您想要的只是图像和一些文本（已链接），请使用以下内容：
<a href="/place" class="button">My Place Name</a>
.button {
display: inline-block;
background-image: url();
background-position: 2px 2px;
padding-left: 16px; /* size of image */
}
这是一个工作示例：http: //jsfiddle.net/RvTp3/
根据评论，这是另一个示例，显示文本换行时与垂直中间对齐的图像：http: //jsfiddle.net/RvTp3/1/
于 2012-08-10T11:20:53.827 回答
1
在我看来，您只想拥有一个带有图标和文本的链接，它们都链接到 /place 并且<table>仅用于布局，对吗？为什么不摆脱桌面并使用 css 进行布局？
于 2012-08-10T11:21:41.173 回答
1
它不是。你不应该。
如果你想启用点击表格。然后你可以通过将点击事件附加到表格来做到这一点。
<table onclick="window.location='yoururl'">
<tr>
<td>
<span class="place-icon" />
</td>
<td>
My place name
</td>
</tr>
</table>
于 2012-08-10T11:24:24.843 回答