Html 使用css添加带有文本的方形框

我想使用给定大小的CSS创建一个方形框。然后在正方形内添加一段文字，然后在正方形中水平居中

这是我的密码：

#myid{
宽度：100px；
高度：100px；
文本对齐：居中；
垂直对齐：中间对齐；
}
#麦迪：以后呢{
内容:"你好",；
}

---

到目前为止，最简单的方法是使用Flexbox。简单制作

#myid

一个灵活的容器并将其项目放在中心：

#myid{
/* ... */
显示器：flex；
对齐内容：居中；/*水平居中*/
对齐项目：居中；/*垂直居中*/
}

此外，您现在可以删除

文本对齐：居中

和

垂直对齐：居中

---

JSFiddle示例：。

这可能会有所帮助，我就是这样解决的，希望能有所帮助<代码>#myid{position:relative；}#myid:after{content:'hello'；position:absolute；transform:translate（-50%）；left:50%；}