看来我的类在我的 JS 代码中不起作用。我尝试了几种方法，所以我将向您展示我所做的事情。 <h2 id="firstbutton" class="firstbutton" type="button">Let's go!</h2>这个方法让我可以设置样式，但是按钮绝对不可见。我的另一种方法是用“按钮”标签替换它，但这并没有让我设置按钮的样式，尽管我使用了该类。<button id="firstbutton" class="firstbutton"> Let's go!</button>.这种方式实际上给了我一个按钮，但它很小而且没有多大帮助。请记住，在我的 CSS 代码中我使用了这两种方法：.firstbutton {text-align: center;}我的第二个：#firstbutton {text-align: center;}我希望我提供了足够的信息作为参考，并且这个问题没有结束。我正在想另一种方法......也许重命名？非常感谢！！
2 回答
江户川乱折腾
TA贡献1851条经验 获得超5个赞
您的代码通常是正确的，但您需要考虑几件事。
如果您的父标签
<h2>是<body>标签，那么此.firstbutton {text-align: center;}代码将起作用。但是如果你的父标签
<h2>不是<body>标签，你必须将父标签对齐到中心。示例：如果父代码是<div>，如下所示：
<div> <h2 class="firstbutton" type="button">Let's go!</h2> <button class="firstbutton">Let's go!</button> </div>
你必须这样做：
<div align="center"> <h2 class="firstbutton" type="button">Let's go!</h2> <button class="firstbutton">Let's go!</button> </div>
慕码人8056858
TA贡献1803条经验 获得超6个赞
您可以通过两种方式制作按钮：使用<input type="button" value="Content!">和<button>Content!</button>。
使用类和 id 来设置按钮的样式可以正常工作。
但是，如果您尝试居中对齐按钮，则必须将样式放在父元素上，如下所示：
.parent {
text-align: center;
}
input, button {
color: red;
}
<div class="parent">
<input type="button" value="Content!">
<button>Content!</button>
</div>
添加回答
举报
0/150
提交
取消