HTML:我可以在多行显示button文字吗?

我有一个像“点击这里开始播放”的长文本button。 我想控制宽度和多行显示文本。 是否可以在HTML / CSS?

两个选项:

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

要么

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

是的,你可以在多行使用空白的CSS属性:)

 input[type="submit"] { white-space: normal; width: 100px; } 
 <input type="submit" value="Some long text that won't fit." /> 

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

 white-space: normal 

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

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

如果你想自己打破。

另一种改进多线文本的方式是

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

您可以使用值之间的实体来分隔文本。 看下面的例子中的实体:

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