html - 如何用固定宽度换行 HTML 按钮的文本?

标签 html css button word-wrap

我刚刚注意到,如果您为 HTML 按钮提供固定宽度,则按钮内的文本永远不会被换行。我已经尝试过使用自动换行,但是即使有空格可以换行,也会切掉单词。

我怎样才能使 HTML 按钮的文本像任何表格单元一样具有固定宽度的环绕?

<td class="category_column">
  <input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" id="ctl00_ContentPlaceHolder1_DataList1_ctl12_ProCat_NameButton" class="outset" style="height:118px;width:200px;font-size:18px;color:#7F7F7F;width:200px;white-space:pre;"
  />
</td>

CSS 类除了添加边框和修改填充之外什么都不做。 如果我将 word-wrap:break-word 添加到此按钮,它将像这样包装它:

Roos Sturingen / Sen
sors

如果可以在单词之间截断,我不希望它在单词中间截断。

最佳答案

我发现你可以使用 white-space CSS 属性:

white-space: normal;

它会将单词分解为普通文本。

关于html - 如何用固定宽度换行 HTML 按钮的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/862010/

相关文章:

javascript - Facebook 关注按钮无法加载资源

html - 如何在带滚动条的div右上角放置一个关闭图标?

css - 你如何显示可以切换的元素(UI)

android - 使用 RecyclerView 将按钮放在屏幕的底部中央

javascript - 在 Jquery/Css3 中平滑过渡的卡片排序和分组

javascript - 当页脚滚动到 View 中时如何向上推送固定侧边栏-请不要使用第 3 方库

html - 文本不显示在边框 html/css 上

java - 如何获取 DOM 对象中两个元素之间的文本?

css - WebStorm 图像 src 绝对路径 - 无法显示

html - 标签和标签样式不适用于我的表单。