gpt4 book ai didi

javascript - 改变大小的元素的水平和垂直对齐 css

转载 作者:行者123 更新时间:2023-11-27 23:59:44 24 4
gpt4 key购买 nike

<分区>

我有一段文字的长度和宽度会发生变化。如果可能的话,我想要一种通过 css 的方法,无论文本的长度是多少,它都可以水平和垂直居中。

它总是在中心。

如果文本不总是通过 css 改变,我知道如何将文本居中。我可以想象一种通过 Javascript 来实现它的方法,但是如果有一种通过 css 来实现这个技巧的方法,我想知道它。

这是我的示例代码:

HTML

<h1 id="description">Play</h1>

CSS

description{
height: 20px;
width: 60px;
text-align: center;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
color: black;
}

我的容器是 100% 的高度和宽度。

这个 CSS 显然行不通。

fiddle :http://jsfiddle.net/ST59z/

谢谢,利亚姆

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com