如何使宽度不是 100% 的元素居中

Question

我创建了一个 title 并制作了 width: 30% 以便我可以在它周围创建一个框，但现在它没有居中。我尝试了很多不同的方法来让它居中，但 none 奏效了。我可以通过添加 left: 35% 自己将其居中。但这并不是完全居中的。关于如何完美居中 title，而 width 不在 100% 的任何想法？

Answer 1

您可以使用左右边距设置为自动来实现此目的。

margin: 0 auto;

h1{
 width: 30%;
 border: 2px solid black;
 margin: 0 auto;
}

<h1>Title</h1>

Answer 2

body{
  margin : 0;  /* for cross browsers */
  padding : 0; /* for cross browsers */
 }
div{
  text-align : center; /* text alignment */
  width : 30%;
  margin : auto;       /* block alignment center */
}

<div>
  <label>Title</label>
</div>

如何使宽度不是 100% 的元素居中

How to center an element where the width is not 100%

html

css

text

center

web