如何在按钮中拆分句子

Question

所以我想在 1 行或 2 行中制作名称为“插入文件音频 (mp3)”的大按钮但我能做到的是它变成了 4 行，即每个单词都有 1 行。

谁能帮我做一个带名字的按钮？选项 1：插入文件音频 (mp3)

选项 2：插入文件音频 (mp3)

这是我的代码：

<button type="button" class="btn btn-outline-warning" style="background-color: #e7ab6f; padding: 20px 120px; color: white;">
                        <i class="large material-icons" style="font-size: 50pt;">audiotrack</i>
                        <p style="font-weight: bold; color: white;">Insert file audio (mp3)</p>
                    </button>

Answer 1

您的代码是正确的，它在 1 行中显示了全名。我正在复制粘贴您的代码，它是您想要的运行。

<button type="button" class="btn btn-outline-warning" style="background-color: #e7ab6f; padding: 20px 120px; color: white;">
                        <i class="large material-icons" style="font-size: 50pt;">audiotrack</i>
                        <p style="font-weight: bold; color: white;">Insert file audio (mp3)</p>
                    </button>

或者我误解了你的问题，你能告诉我你想要你的代码做什么吗？

如果您希望名称出现在单独的行中，那么您可以使用多个 <p> 标签，如下所示：

<button type="button" class="btn btn-outline-warning" style="background-color: #e7ab6f; padding: 20px 120px; color: white;">
                        <i class="large material-icons" style="font-size: 50pt;">audiotrack</i>
                        <p style="font-weight: bold; color: white;">Insert</p>
                        <p style="font-weight: bold; color: white;">file</p>
                        <p style="font-weight: bold; color: white;">audio</p>
                        <p style="font-weight: bold; color: white;">(mp3)</p>
                    </button>

如何在按钮中拆分句子

how to split sentence in button

html

button