Php 在类别页面内联显示“添加到购物车”按钮

我试图显示我的所有添加到购物车按钮“内联”，但由于文本在一些产品上较长，它是跳跃。我尝试过各种修复方法，但没有成功
解决这个问题最简单的方法是什么

我使用CSS设置背景横幅的最小高度，这修复了部分问题。但“添加到购物车”按钮仍在跳转
有没有可能设置一个相对高度或其他东西，使它们出现在同一个地方

我尝试过的CSS代码（但这也不能让它看起来合适）：

.woo产品名称{
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}
.woo产品盒{
最小高度：160px；
}

这就是它的外观：

它应该是这样的：

我不太擅长高级编码（主要是CSS），而且网站是建立在一个主题中的，所以改变HTML的主要部分是不可能的。因此，首选functions.PHP的CSS选项或PHP代码

这段CSS代码在某种程度上解决了这个问题，但在一些描述简短的产品上却存在很大的差距。有没有什么CSS方法可以让它更受欢迎？

.box文本a:not（.button）{min height:90px；}

应该是按钮的CSS代码

---

其余部分需要通过调整HTML来完成。

As，这允许您稍微更改HTML结构，并使用CSS组合进行高级定制。对于CSS/样式帮助，您应该提供一个实时链接…您好！非常感谢你。我不知道这是允许的，这个论坛很棒。这里是链接：对于CSS样式帮助，除了实时网站链接之外没有其他方法了。谢谢，我明白了。你知道有什么CSS专用选项吗？如果我真的要编辑html，我该怎么做呢？我假设它会在WooCommerce文件夹下的某个地方？考虑到我没有HTML编辑经验，而且它是在我的主题中构建的，我的最佳选择是什么？有没有合适的CSS修复程序？

.ajax_add_to_cart.add_to_cart_button.product_type_simple.button.primary.is-outline.mb-0.is-small {
margin-top: 20px;
width: 100%;
padding: 5px 0 5px 0;
background-color: #c31919;
color: #FFFFFF;
border-radius: 5px;}