HTML:我可以在多行显示button文字吗?
我有一个像“点击这里开始播放”的长文本button。 我想控制宽度和多行显示文本。 是否可以在HTML / CSS?
两个选项:
<button>multiline<br/>button<br/>text</button>
要么
<input type="button" value="Carriage return 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 
 to 
 start playing">