繁体   English   中英

我看不到继续按钮

[英]I can't see the continue button

我是一名初级程序员,在 Visual Studio 中开发基于文本的游戏,但网页上没有显示继续按钮。 有什么我错过了吗?

            <p></p>
            <fieldset></fieldset>
            <button id="resetButton" class="reset">Restart</button>
            <a id="continueButton" class="continue" href="javascript:void(0);"></a>
        </form>
    </div>
    <script> src="js.js"></script>
</body>
</html>

a标签中没有任何文本。

<a id="continueButton" class="continue" href="javascript:void(0);">PUT YOUR TEXT HERE</a>

您的 continueButton 元素正在使用<a>标签,其中没有任何内容,因此没有任何内容可显示。 <a>标签中添加一些内容或将其更改为<button>就像 resetButton 元素。

 <html> <body> <button id="resetButton" class="reset">Restart</button> <a id="continueButton" class="continue" href="javascript:void(0);">Continue</a> </body> </html>

解决此问题的另一种方法是在浏览器上使用开发人员工具(就我个人而言,我喜欢 Firefox)。 正如您从图像中看到的,右侧有一个称为a标记的框模型的东西,已被选中。

标签之间没有文字

a标签的高度是16而宽度是0 这对于您在浏览器上看到的内容很有意义。 你有一个0x16的盒子(在盒子模型下)。

现在,如果我在a标签之间添加一些文本(添加文本AAA ),您可以看到该框现在是34.65x16

标签之间有文字

一些了解盒子模型的资源:

https://web.dev/learn/css/box-model/ https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM