是否可以在兩行中輸出'submit'的值？

我有一個迷你窗體，我需要提交按鈕的值的長文本分解成兩行，所以它將適合父div的寬度。我試圖設置提交按鈕的寬度，但這並沒有辦法。是否可以在兩行中輸出'submit'的值？

2013-01-11 Bojana Šekeljić

使用<button type="submit">而不是<input type="submit">。這將允許您將按鈕的內容提供爲HTML而不是純文本，從而允許您按照需要格式化按鈕的內容。

最基本的解決辦法是包括手動換行符：

<button type="submit">Foo<br/>Bar</button>

當然，你也可以使用更先進的CSS佈局的按鈕內容。

See it in action。

來源

2013-01-11 11:34:06 Jon

完美！實際上現在它不需要'
'因爲現在寬度是由父div自動設置的。乾杯! –

裹你想在第二行中<span>文字和：

span{ 
    display:block 
}

來源

2013-01-11 11:32:44

實際上什麼喬恩提出將工作，我用的是''而且不能添加任何HTML ...但感謝答案！ –

<style> 
.buttontext { 
    width: 10px; 
    white-space: wrap; 
    display: block; 
} 
</style> 
<button><span class=buttontext>Very long text Very long text 
Very long text</span></button>

這會將文本包裝在所需的行上。

來源

2013-01-11 11:35:34

以下將把文字包裝在一個按鈕上。注意我已經指定了一個寬度。

<input type="button" value="This is some text on the button" style="white-space:normal; width:100px;" />

來源

2013-01-11 11:37:59 KDee

是否可以在兩行中輸出'submit'的值？

回答

相關問題