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