按钮没有完全显示

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