如何強制這個提交按鈕到一個使用CSS的新行？

我希望強制按鈕在新行上。到目前爲止，我完成這項工作的唯一方法是在提交按鈕的標記之上插入一些額外的標記<br /><br /><br />。如何強制這個提交按鈕到一個使用CSS的新行？

如何修改此CSS以強制按鈕到新行？

fieldset input[type="submit"] { 
    background-color: #d3dce0; 
    border: 1px solid #787878; 
    cursor: pointer; 
    font-size: 1.0em; 
    font-weight: 600; 
    padding: 7px 7px 7px 7px; 
    margin-top: 20px; 
    display : inline-block; 
}

來源

2012-06-28 user1469655

也許目前看起來像什麼形式的屏幕截圖將幫助？ – sammarks

向我們展示HTML在哪裏提交按鈕，需要HTML –

。至少一個[小提琴]（http://jsfiddle.net/） –

在你的CSS，請改變這一行：

fieldset input[type="submit"] { 
    display: inline-block; 
}

以這種方式：

fieldset input[type="submit"] { 
    display: block; 
}

沒有空格display後請。 :)

來源

2012-06-28 02:37:34

不幸的是，顯示：塊;沒有工作。它將位於提交按鈕左側的元素稍微向下移動，並將按鈕保持在同一行上。 – user1469655

你可以製作[小提琴]（http://jsfiddle.net/）並顯示代碼？ –

@ user1469655給一個類提交按鈕，比如'class =「block」'，並在CSS中給出'.block {display：block;}'。它應該工作！ –

如何強制這個提交按鈕到一個使用CSS的新行？

回答

相關問題