我刚刚注意到，如果你给一个HTML按钮一个固定的宽度，按钮内的文本永远不会被包装。我尝试过换行，但是即使有空间可以换行，这个词也被裁掉了。
我如何能使一个HTML按钮的文本与固定宽度包装像任何表细胞会?
< td课= category_column”> <输入方式=“submit” /> < / td >
CSS类除了添加边框和修改填充外什么也不做。 如果我添加word-wrap:break-word到这个按钮，它会像这样包装它:
Roos Sturingen / Sen
sors
如果有可能的话，我不希望它在一个词中间被切断。
当前回答
我发现一个按钮可以工作，但是你需要添加style="height: 100%;"到按钮上，这样它就会显示比Safari for iPhone iOS 5.1.1的第一行更多的内容
其他回答
white-space: normal;
word-wrap: break-word;
我的两者都适用
你可以通过在HTML源代码中插入换行符来强制执行(我想是浏览器允许的)，如下所示:
<INPUT value="Line 1
Line 2">
当然，在哪里放置换行符并不一定是微不足道的……
如果您可以使用HTML <BUTTON>而不是<INPUT>，这样按钮标签就是元素的内容而不是它的value属性，将该内容放在<SPAN>中，其width属性比按钮的宽度窄几个像素，似乎可以做到这一点(即使在IE6:-)。
white-space: normal;
word-wrap: break-word;
“两者”都对我有用。
像这样的多行按钮实现起来并不简单。本页对这个主题进行了有趣的讨论(尽管有些过时)。你最好的选择可能是放弃多行要求，或者使用例如div和CSS创建一个自定义按钮，并添加一些JavaScript使其作为按钮工作。
我发现你可以使用白色空间CSS属性:
white-space: normal;
它会把单词分解成普通文本。
