WooCommerce - 在不编辑模板的情况下删除换行符

Question

我在产品页面上围绕数量 div 添加增量按钮，其中包含数量输入字段。我挂钩了我的按钮生成函数create_button_before 和create_button_after：

add_action( 'woocommerce_before_add_to_cart_quantity', 'create_button_before' );        
add_action( 'woocommerce_after_add_to_cart_quantity', 'create_button_after' );

除了一件事之外，这很有效。我希望按钮相邻而没有空间来将 div 数量作为内联块元素。不幸的是，CSS 中的 inline-block 将带有换行符的元素分隔为空白。

在产品页面上，我无法应用常规 CSS hack 来使父元素的字体大小为 0（空间的宽度为 0）并明确声明所有子元素的字体大小。这是因为祖先没有固定的元素结构——它会根据产品是单一的、可变的、分组的等而变化。也许我能够以某种方式处理所有情况，但在维护方面它会比覆盖模板更糟糕。

有什么方法可以消除我的第一个按钮之后和 PHP 的第二个按钮之前的换行符，同时不覆盖模板？

编辑：我发现作为 CSS 解决方案，display: block 和 float: left 将正常工作，假设我将左边距添加到按钮旁边的添加到购物车按钮。我仍然想知道我是否可以通过 PHP 实现这一点。

Answer 1

在您的“创建按钮”功能中，在创建按钮 html 时，如何在按钮中包含内联样式？

style="display:block; float:left"

如果要将此样式应用于父容器，则在您的页面上包含 <style></style> 以使用此样式覆盖该容器？