如何根据背景对齐元素？

Question

我想将以下文字与其背景中心对齐。

＆＃13;

＆＃13;

h1{
  top:30px;
  left:30px;
  width: 100%;
  background-color:rgb(150, 150, 150);
  }

＆＃13;

<h1>TEXT</h1>

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用 text-align：center 将元素置于其背景中

＆＃13;

＆＃13;

h1{
  top:30px;
  left:30px;
  width: 100%;
  background-color:rgb(150, 150, 150);
  text-align:center;
  }

＆＃13;

<h1>TEXT</h1>

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用text-align对齐文字。您可以在标记中使用text-align：center

＆＃13;

＆＃13;

h1{
  top:30px;
  left:30px;
  width: 100%;
  background-color:rgb(150, 150, 150);
  }

＆＃13;

<h1>TEXT</h1>

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

h1{
  top:30px;
  left:30px;
  width: 100%;
  background-color:rgb(150, 150, 150);
  text-align: center;
  }

＆＃13;

<h1>TEXT</h1>

＆＃13;

＆＃13;

＆＃13;

Answer 3

抱歉，我们可以使用文字对齐......：P

＆＃13;

＆＃13;

h1{
  top:30px;
  left:30px;
  width: 100%;
  text-align:center;
  background-color:rgb(150, 150, 150);
  }

＆＃13;

<h1>TEXT</h1>

＆＃13;

＆＃13;

＆＃13;