如何使 <div 中的元素居中？ [复制]答案

【问题标题】：How to centrate an element within <div? [duplicate]如何使 <div 中的元素居中？ [复制]
【发布时间】：2019-08-23 18:46:09
【问题描述】：

所以，我有这个代码

<div id="timer"> </div>

如何将其集中在 HTML5 中？我试过了，但据我所知，它对于 HTML5 来说已经过时了，我必须使用 CSS 有什么帮助吗？

【问题讨论】：

标签： html

【解决方案1】：

你不能（或者，更具体地说，不应该）在 HTML 中做任何样式，这就是 CSS 存在的目的。

text-align 属性可能是一个开始。

这是一个很好的信息来源：https://www.w3schools.com/css/

【讨论】：

Oh Matte', io ti ho solo chiesto come faccio a centrare quel porc'iddio di codice, non lezioni sul css :-)

【解决方案2】：

您可以使用 Flexbox 来实现这一点。试试下面的代码 sn-p 它会帮助你。谢谢

#parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

<div id="parent">
  <div id="timer">Timer</div> 
</div>

【讨论】：