Question

我正在尝试为div设置495px的宽度。为什么它不起作用？

我将使用链接而不是按钮，并且文本框将为“按钮”。

.text_box {
  text-align: center;
  margin-top: 62px;
  margin-bottom: 200px;
}

.button {
  border: 2px solid #04fbc7;
  padding-top: 33px;
  padding-bottom: 35px;
  padding-left: 120px;
  padding-right: 120px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.100em;
}

.button:hover {
  color: white;
  background: #05fbc7;
}

<div class="text_box">
  <a href="#" class="button">Show more</a>
</div>

Answer 1

更专业的方法是编辑css，这样就可以了。通过编辑css，这将有助于在开发过程中使代码和样式保持一致。

.text_box {
  width: 495px;
  text-align: center;
  margin-top: 62px;
  margin-bottom: 200px;
}

Answer 2

如果我理解的话，尝试类似的事情：

.text_box {
  text-align: center;
  width: 495px;
  margin: 0 auto;}

和

.button {
  border: 2px solid #04fbc7;
  padding-top: 33px;
  padding-bottom: 35px;
  padding-left: 120px;
  padding-right: 120px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.100em;
  display: block;}

请注意，.button中的内容类似于 display：block; 因为默认情况下，ancor标签<a />是内联显示的

否则，ancor标签<a />无法填充DIV中的宽度

在div上设置宽度

2 个答案: