我发现你可以使用white-space CSS属性：

white-space: normal;

它将打破正常文本的话。

white-space: normal;
word-wrap: break-word;

我的两种都能用

您可以通过在HTML源代码中插入换行符来强制执行（我想浏览器允许的话），如下所示：

<INPUT value="Line 1
Line 2">

当然，找出在哪里放置换行符并不一定是微不足道的……
如果您可以使用HTML <BUTTON>而不是<INPUT>，这样按钮标签就是元素的内容而不是它的value属性，将该内容放置在<SPAN>中，该<SPAN>具有比按钮窄几个像素的width属性，这似乎可以做到这一点（即使在IE6：-中）。

white-space: normal;
   word-wrap: break-word;

“两个”对我都有用。

我发现一个按钮可以工作，但是你需要将style="height: 100%;"添加到按钮中，这样它就可以在iPhone iOS 5.1.1的Safari上显示更多的内容

像这样的多行按钮实现起来并不容易。This page有一个关于这个主题的有趣（虽然有点过时）的讨论。你最好的选择可能是放弃多行要求，或者使用div s和CSS创建一个自定义按钮，并添加一些JavaScript使其作为按钮工作。

如果我们在<button>标记中有一些内部划分，像这样-

<button class="top-container">
    <div class="classA">
       <div class="classB">
           puts " some text to get print." 
       </div>
     </div>
     <div class="class1">
       <div class="class2">
           puts " some text to get print." 
       </div>
     </div>
</button>

有时类A的文本会与class 1数据重叠，因为这两个数据都在一个按钮标记中。

word-wrap: break-word;         /* All browsers since IE 5.5+ */
 overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */

但这样不行我就试试这个-

white-space: normal;

删除上述CSS属性后，并得到我的任务完成.
希望会为所有人工作！！！

word-wrap: break-word;

对我有用。

line-break: anywhere;

或

word-break: break-all;

也是可能的。