HTML：我可以在多行显示按钮文字吗？

Question

我有一个长文本按钮，如“点击此处开始播放”。 我想控制宽度并以多行显示文本。 是否可以在html / css中？

Answer 1

是的，你可以使用white-space css属性在多行上拥有它:)

 input[type="submit"] { white-space: normal; width: 100px; } 

 <input type="submit" value="Some long text that won't fit." /> 

将此添加到您的元素

 white-space: normal;
 width: 100px;

Answer 2

两种选择：

<button>multiline<br/>button<br/>text</button>

要么

 <input type="button" value="Carriage&#13;&#10;return&#13;&#10;separators" style="text-align:center;">

Answer 3

这个CSS可能适用于<input type="button" .. ：

white-space: normal

Answer 4

是的，你也可以像这样使用它

<button>Click here to<br/> start playing</button>

如果你想自己休息一下

Answer 5

另一种改进和设计多行文本的方法是

 <button>Click here to<br/> 
     <span style="color:red;">start playing</span>

   </button>

Answer 6

您可以使用值之间的实体来中断文本。 请参阅以下示例中的实体：

<input style="width:100px;" type="button" value="Click here &#x00A; to &#x00A; start playing">