输入值不考虑填充和破坏容器

Question

我正在与<input type="submit">联系表单提交表单。我为我的输入设置了填充，我有一个大文本值。

我的设计很敏感。在移动设备中，我的输入设置为容器的100％，但输入中的文本值不考虑填充和宽度。文本值不会分成两行，我看不到完整的文本。

欢迎任何想法如何解决这个问题！

为什么我使用<input>代替<button>或<a href>？是因为我正在使用我的HTML创建自定义联系表单7在Wordpress网站中，CF7使用<input type="submit">发送消息。

Answer 1

将CSS规则white-space: normal添加到按钮。在浏览器中，<input>默认为whitespace: pre，而<button>默认为white-space: normal。