Html 在零宽度元素中居中文本

假设我有一个代码：

#容器{
位置：固定；
最高：50%；
左：50%；
宽度：0；
身高：0；
文本对齐：居中；
字体大小：300px；
}

文本

您可以尝试（

display:flex

）

#容器{
显示器：flex；
位置：固定；
字体大小：300px；
证明内容：中心；
对齐项目：居中；
宽度：100%；
身高：100%；
}

文本

如果使用position:fixed，则不应在html上生成滚动条。无需将“大小”设置为0，但“变换-平移”有助于：

可能的示例（脱离您的上下文，如果您在页面中使用transform3D，可能会很奇怪）

#容器{
位置：固定；
最高：50%；
左：50%；
字体大小：600px；/*更大，用于演示*/
转换：翻译（-50%，-50%）；
}
/*展览中心*/
html{
最小高度：100%；
背景：线性梯度（左侧，rgba（0,0,0,0）50%，rgba（0,0,0,0.2）50%），线性梯度（顶部，rgba（0,0,0,0,0）50%，rgba（0,0,0,0.2）50%）；
}

文本

您可以使用