html - 我可以将 word-wrap:break-word 设置为提交类型的输入吗？

Question

CSSword-wrap: break-word可以应用于<input/>类型submit吗？

我已经应用了那个 css，但它没有做任何我期望的事情。我试图让我的提交输入环绕它之前的标题。

对于这个小提琴，输入或链接可以包装标题吗？所以我希望按钮和链接的第一个单词与标题在同一行，下一个单词下拉到下一行。

<div class="cont">

    <div>
        <h3>heading</h3>
        <input type="submit" id="edit-remove" value="remove room" class="form-submit">
    </div>

    <div class="clear"></div>

    <div>
        <h3>heading</h3>
        <a href="#">remove room</a>
    </div>

    <div class="clear"></div>

</div>

CSS：

.clear {
    clear: both;
}

h3 {
    float: left;
}

a, input {
    float: left;
    display: inline;
}

.cont {
    background: grey;
    width: 141px;
}

Answer 1

value我认为这对于on 属性是不可能的<input type="submit"/>，因为不仅文本而且整个按钮都需要换行。无法想象这应该如何工作。（当然，在按钮内部你可以有换行符：How to wrap text of html button with fixed width）。

但是您可以<a/>通过同时显示标题和锚点inline而不浮动它们来做到这一点：

h3, a {
    display: inline;
}

这是一个演示。