Question

我在我的网站上做了一些小盒子来简要描述我们的活动。文本是所有盒子的长度相同所以我试图用我的CSS将文本放在盒子中间。我试过显示：table-cell，vertical-align：center，但它不起作用。有人知道我能做些什么吗？

谢谢：）

Answer 1

在css中，

.text-center {
    text-align : center;
}

向您的div添加课程.text-center。

Answer 2

您需要将display: table;添加到文本容器和

display: table-cell;
    vertical-align: middle;
    text-align:center;

到你的文字span / h1 / p

＆＃13;

body {
  width: 100%;
  height: 100%;
}
div {
  position: absolute;
  height: 50%;
  width: 50%;
  display: table;
  background: blue;
}
h1 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

＆＃13;

<body>
  <div>
    <h1>Text</h1>
  </div>
</body>

＆＃13;

您需要添加代码，并在下次对问题进行非常具体的说明。

中心将我的内容与css对齐

2 个答案: