主页 / 问题 / 1315849
Accepted
Максим
Asked:2022-08-10 00:20:23 +0800 CST2022-08-10 00:20:23 +0800 CST

如何将 h1 和 p 放在同一行并位于页面中心？

  • 772

这就是我的输出方式：

echo "<div class='cent'> <h1> DATABASEs, my man </h1><p class='success'> success connect</p> </div>";

在样式文件中h1, .success {display: inline-block;}- 合并成左角的一行。

样式.cent { position:relative; margin: 10px auto;}- 仅添加垂直填充。位置更改为相对 - 也无济于事。

html

2 个回答

  1. 例如，将这些标签放在容器元素上，div然后才应用margin: 0 auto;。因此，如果它的宽度小于文档的宽度，它将与它的内容一起放在中心。它们不能以自己为中心，因为正如您自己所写的那样，它们是inline.

    • 1
  2. Best Answer

    .cent {
  display: flex;
  justify-content: center;
}

    • 1

相关问题