我可以設置word-wrap：break-word到提交類型的輸入嗎？

Question

可以將CSS word-wrap: break-word應用於submit類型的<input/>？

我應用了這個CSS，但它沒有做任何事情，而不是我所期望的。我試圖讓我的提交輸入環繞在它之前的標題。

對於this fiddle，可以輸入或鏈接標題？所以我希望按鈕和鏈接的第一個單詞與標題位於同一行，下一個單詞要放在下一行。

<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

我覺得這是不可能的<input type="submit"/>的value屬性，因爲不僅是文字，但整個按鈕將需要斷行。無法想象這應該如何工作。 （當然，在按鈕裏面你可以有換行符：How to wrap text of html button with fixed width）。

但是你可以不帶浮動它們同時顯示標題和錨inline做這個<a/>：

h3, a { 
    display: inline; 
} 

Here is a demo。