按钮文字没有换行IE11（Chrome，IE9罚款）

Question

我试图在两个单词之间强制换行。它适用于最新版本的Chrome和IE9。但是，它在IE11中不起作用。我希望按钮在一行显示一个单词，在另一行显示另一个单词。例如，

TestTestTest /
FooFooFooFoo

我不希望文本换行，我想强迫第二个单词到另一行。以下是示例代码：

http://jsfiddle.net/VM723/

    .BtnSize {
        width: 125px;
    }
    <input type="button" value="TestTestTest/&#10;FooFooFooFoo" class="BtnSize" />

Answer 1

试

   .BtnSize {
        width: 125px;
        white-space:normal;
        word-break: break-all; 
    }

http://www.w3schools.com/cssref/css3_pr_word-break.asp

Answer 2

试试这个：

<button type="button">TestTestTest/&#10;FooFooFooFoo</button>