按鈕沒有完全顯示

Question

我試圖在我製作的一個小型網絡應用程序的某些HTML代碼中輸入button，但我的button應該說「ok」，但button本身太小，並且不顯示「ok 「完全。

我錯過了什麼span？

如何將button的大小增大一些並顯示所有「ok」？

<center> 
 
    <br> 
 
    <br> 
 
    <span id="accept_button" style="display:none;"><button onclick="task.accept_choice();"><h3>ok</h3></button></span> 
 
    <span id="next_button" style="display:none;"><button onclick="task.next_trial();"><h3>ok</h3></button></span> 
 
</center>

Answer 1

問題是因爲您使用的span這是一個內聯元素，所以你必須設置display:block，但我勸你：

• 使用div包button

• 你不需要什麼作爲button的孩子w說唱的文本，因爲你可以風格的button

• 不使用center標籤，因爲它已經過時，使用CSS

<div id="accept_button"> 
 
    <button onclick="task.accept_choice();">ok</button> 
 
</div> 
 
<div id="next_button"> 
 
    <button onclick="task.next_trial();">ok</button> 
 
</div>

---

而不是樣式元素

注意：在HTML5，可以有span作爲h3父（這同樣適用於button），但不是在HTML4

HTML5:

允許父元素

可以包含流中的任何元件元件，hgroup

7.1 Flow elements:

phrasing elements或a或p或hr或pre或ul或ol或dl或div或h1或h2或h3或h4或h5或h6或hgroup或地址或或ins或del或object或map或noscript或section或nav或article或aside或header或footer或video或audio或figure或table或form或fieldset或menu或canvas或details

而且span/button是phrasing elements