如何在 HTML Button 中换行？答案

【问题标题】：How to newline in HTML Button?如何在 HTML Button 中换行？
【发布时间】：2019-01-11 18:49:10
【问题描述】：

大家好，如何在输入按钮内换行或换行？我有这个代码：

<input type="button" id="Button" value="RECOMMEND DISAPPROVE" disabled="disabled" style="width:125px; height: 35px;"/>

我尝试了<br/> 但没有工作..

【问题讨论】：

对不起，我是初学者，但我使用此按钮拒绝批准请求，但我只能看到“推荐”一词。
你试过了吗
您可以使用 CSS word-break 属性或 CSS flex-wrapproperty 进行换行。在此处了解如何使用它们：How to Create Button with Line Breaks at W3docs

标签： html

【解决方案1】：

您可能希望使用<button> 属性，因为<input> 不支持换行标记。例如，您可以这样做：

<button type="button" id="Button" disabled="disabled" style="width:125px; height: 35px;">RECOMMEND<br />DISAPPROVE</button>

您可能希望删除按钮的宽度/高度，因为文本不适合按钮

希望对你有帮助。

【讨论】：

【解决方案2】：

CodePen solution

<button>Line one<br/>line two</button>

<input type="button"> 似乎不支持换行符

【讨论】：