Html 如何考虑<；p>；可单击并使用嵌入式<；a>；href？

我在下面的p中嵌入了a href。如何使p可单击并使用已定义的内部a.href

<style type="text/css">
    p.button:hover { cursor: pointer; }
    p.padding  { padding-right:10px; padding-left:10px; }
 </style>
<table class="inline_button" style="width: auto ">
    <tr>
        <td style="text-align: center;  min-height: 28px;background-color: #fe9d39; line-height: 28px;font-size: 12px;font-family: Arial, Verdana, sans-serif;padding: 0;border: 2px solid #fe9d39;">
             <div id="whatever">
            <p class="button padding" style="padding: ; text-decoration: none; color: #ffffff; font-weight: bold;"><a style="text-decoration: none; color: #ffffff; font-weight: bold;" href="http://google.com">click me</a></p>
             </div>
        </td>
    </tr>
</table>

p、 按钮：悬停{光标：指针；}
p、 填充{右填充：10px；左填充：10px；}

---

约束：没有jquery或js（或任何脚本）

将

display:block

添加到

中，因此它会填充

中的空间

---

如果您正在使用HTML5 doctype（或者不担心验证和可能的旧IE错误），您可以将

p

包装在

a

标记中。

将

显示：block

添加到

中，以填充

中的空间

---

如果您正在使用HTML5 doctype（或者不担心验证和可能的旧IE错误），您可以将

p

包装在

a

标记中。

最简单的方法是使用jquery向

元素添加一个单击处理程序

$（'p.button'）。单击（函数（）{$（this.children（'a'）。单击（））

一种更好的/替代的思考方式是将
元素放入锚定标记中：

最简单的方法是使用jquery向
元素添加一个单击处理程序

$（'p.button'）。单击（函数（）{$（this.children（'a'）。单击（））

一种更好的/替代的思考方式是将
元素放入锚定标记中：

使用显示：块；锚定标签。也可以使用填充来代替P标记，这样就可以单击整个P标记。在上述更改之后，您的代码如下所示

    <style type="text/css">
    p.button:hover { cursor: pointer; }
    p.padding  { padding:0; margin:0;}
 </style>
<table class="inline_button" style="width: auto ">
  <tr>
    <td style="text-align: center;  min-height: 28px;background-color: #fe9d39; line-height: 28px;font-size: 12px;font-family: Arial, Verdana, sans-serif;padding: 0;border: 2px solid #fe9d39;"><div id="whatever">
        <p class="button padding" style="padding: ; text-decoration: none; color: #ffffff; font-weight: bold;"><a style="text-decoration: none; color: #ffffff; font-weight: bold; padding:5px 10px; display:block;" href="http://google.com">click me</a></p>
      </div></td>
  </tr>
</table>


p、 按钮：悬停{光标：指针；}
p、 填充{填充：0；边距：0；}

使用显示：块；锚定标签。也可以使用填充来代替P标记，这样就可以单击整个P标记。在上述更改之后，您的代码如下所示

    <style type="text/css">
    p.button:hover { cursor: pointer; }
    p.padding  { padding:0; margin:0;}
 </style>
<table class="inline_button" style="width: auto ">
  <tr>
    <td style="text-align: center;  min-height: 28px;background-color: #fe9d39; line-height: 28px;font-size: 12px;font-family: Arial, Verdana, sans-serif;padding: 0;border: 2px solid #fe9d39;"><div id="whatever">
        <p class="button padding" style="padding: ; text-decoration: none; color: #ffffff; font-weight: bold;"><a style="text-decoration: none; color: #ffffff; font-weight: bold; padding:5px 10px; display:block;" href="http://google.com">click me</a></p>
      </div></td>
  </tr>
</table>


p、 按钮：悬停{光标：指针；}
p、 填充{填充：0；边距：0；}

将放在@Placeholders\u中使用：嵌入p的好主意！工作得很好！请记住，在标记中添加P不是一种语义方式。因为标记是一个内联元素。请将放在@Placeholders\u in\u中使用：嵌入p！工作得很好！请记住，在标记中添加P不是一种语义方式。因为标记是内联元素。请注意，jQuery无法工作
.click（）
将只调用附加在
a
标记上的任何事件处理程序。它实际上不会导航。请参阅：。用Firefox测试可以修复它。请注意，jQuery无法工作
.click（）
将只调用附加在
a
标记上的任何事件处理程序。它实际上不会导航。请参阅：。用Firefox测试可以修复它。