调整按钮大小时要换个长词

Question

现在我有以下用于订阅按钮的html代码

#submit {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  overflow-wrap: break-word;
}

<input id="submit" type="submit" name="submit" value="Subscribe" style="line-height: 1.35em; overflow-wrap: break-word;" />

当我创建手机布局时，遇到以下问题：当订阅按钮由于浏览器大小的改变而调整大小时，它不会显示“ subscribe”，而是显示为“ subscr”或比原始单词短的内容。

如何在按钮内包装文字？

Answer 1

在CSS下方使用。

K_a

Answer 2

word-break: break-all是我想您要查找的字母换行符。如果您更喜欢每个单词，也可以使用断词。

#submit {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  word-break: break-all;
}

<button id="submit" type="submit" name="submit" style="line-height: 1.35em; overflow-wrap: break-word;">Subscribewithlotsoftext</button>