在HTML元素值中有一个断行

Question

我希望在Chrome上的按钮值中断，以前工作正常，直到3周前的最后一次更新，从那时起，它停止了工作：

<input type="button" value="line &#10; break" />

JSFiddle：

No line break

有没有人有任何新想法在元素值中获得此换行符？

Answer 1

怎么样？

<button>
<span>Line 1</span><br/>
<span>Line 2</span>
</button>

Answer 2

＆＃13;

＆＃13;

input[type="button"] {
  white-space: normal;
  text-align: left;
  width: 6ch;
}

＆＃13;

<input type="button" value="line break" />

＆＃13;

＆＃13;

＆＃13;

如果您不想使用"white-space: normal"，可以使用<button>按钮的宽度可以通过单位测量ch设置为最长字的长度一个ch =一个字母的宽度。

Answer 3

而不是使用

<input type="button" />

您应该使用button标记，然后您可以使用HTML <br/>标记来换行。这应该适用于所有浏览器，因为这是一个有效的HTML代码。

<button>
   Line<br/> 
   Break
</button>