WordPress：Elementor插件在按钮中添加了<br/>

Question

希望大家一切都好！

我正在通过Elementor插件在WordPress中创建一个网站。我在按钮上面临一个奇怪的问题。按钮有换行符<br>，即使我没有在其中添加。

但是，另一方面，该按钮在Elementor仪表板中仍然可以正常显示，但是当我进行实时预览时，按钮混乱了。

我试图停用所有插件和主题，但是没有用。需要帮助！

Answer 1

您必须为按钮元素分配一个自定义类标记，它很可能会分配给div .elementor-button-wrapper，您必须使用开发工具进行检查，然后才能访问主题外观/编辑器上的样式。因此，您可以添加以下代码：

.class-used br{
    display:none;
}

如果分配给按钮的类不在所有
顶部的父标记中，则需要消除尝试将类分配给包装按钮的列或元素的相同过程。希望它给您一个解决问题的想法。

Answer 2

添加HTML窗口小部件并根据需要标记button，然后使用CSS进行样式设置：）

.my-button
{
    display: inline-block;
    width: auto;
    margin: 0 auto;
    background: orange;
    padding: 1em 2em;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    /* ... */
}

<a href="#" class="my-button">Click Me</a>

Answer 3

按钮或链接填充，宽度，边距和其他样式无效。因为按钮或链接需要添加 display：inline-block;或显示：阻止； ，那么它将起作用。因此，您需要使用 display：inline-block;或显示：阻止； 。希望对您有帮助