&引用；“添加到购物车”；HTML表格中的按钮使行高加倍，但位于单元格的上半部分？

我正在写一个新的网站，有一个长长的目录。 每个项目都位于HTML表格的单独一行，右侧单元格中有一个“添加到购物车”Paypal按钮

我是PayPal的新手，选择使用小按钮来尽可能少地影响行。但是，当我添加按钮时，该行的高度增加了一倍，按钮位于单元格的上半部分。目前，你可以在

---

如何添加按钮而不改变行的高度而不超过按钮的大小？

表单本身正在增加高度，因此如果将表单的高度更改为按钮的高度，就可以了

td form {
 height: 21px !important;
}

---

这是因为图像将占用额外的空间。您可以将其显示为：

#catalog img {
    display: none;
}

并使按钮垂直，您可以使用以下css：

input {
    position: relative;
    top: 3px;
}

如果您不想显示：无图像，请参考Flo的答案

---

希望能有所帮助。

目前这一行的外观不错。您只需添加以下内容：

style=“position:relative；top:50%”

即可将您的paypal按钮居中放置，Flo。谢谢现在我知道是表单添加了高度，以及如何更改CSS以进行补偿，我必须完成其余的按钮。在做了100多个按钮后，有什么建议可以防止我的手受伤吗？别忘了为其他有同样问题的人投票弗洛，如果可以的话，我会很高兴的。但是，我按下了向上箭头，收到一条弹出消息说，向上投票需要15个声誉？你可以在文档的标题或外部样式表中进行css。如果你选择在短期内做这件事，你所要做的就是这样，你只需要做一次<代码>td表单{height:21px！important；}是的，我复制了你发送和粘贴的内容，上传到我的网络主机，用浏览器检查了一下，发现它工作正常。我把它放在文档的开头，这样它就只适用于这个目录，以防我想在网站的其他部分使用不同样式的td表单。你不应该使用这种方法，因为paypal实际上使用img负载进行计数。否则这会更好。是的，这就是我写作的原因。“如果你不想显示：无图像，那么参考弗洛的答案。”。只是解释一下，他不知道这一点。