我刚刚注意到,如果你给一个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的第一行更多的内容

其他回答

word-wrap: break-word;

为我工作。

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

我的两者都适用

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

像这样的多行按钮实现起来并不简单。本页对这个主题进行了有趣的讨论(尽管有些过时)。你最好的选择可能是放弃多行要求,或者使用例如div和CSS创建一个自定义按钮,并添加一些JavaScript使其作为按钮工作。

我发现你可以使用白色空间CSS属性:

white-space: normal;

它会把单词分解成普通文本。