gpt4 book ai didi

HTML/CSS : Why is my text not vertically aligning?

转载 作者:太空狗 更新时间:2023-10-29 12:33:26 25 4
gpt4 key购买 nike

我觉得很疯狂。这是一个 JsFiddle with a working solution如何垂直居中一些文本。来自this SO question .

但即使我将 HTML 和 CSS 复制并粘贴到我的本地文件中,我也无法复制。这是我的代码:

这是我的 HTML 和 CSS:

<html>
<head>
<link type='text/css' rel='stylesheet' href='main.css'>
</head>
<body>
<div>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
</div>
</body>
</html>

div {
border: 1px solid black;
width: 250px;
height: 100px;
line-height: 100px;
text-align: center;
}
span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}

这行不通。 Here is a screenshot .这到底是怎么回事?

最佳答案

您必须指定您的 DOCTYPE。如果将它添加到 HTML 文件的顶部,它将起作用。这将使您的页面成为 HTML5 而不是,我相信,过渡。

<!DOCTYPE html>

在左侧的 Fiddle Options 中绕过 DTD 部分,您可以重现非居中版本。

关于HTML/CSS : Why is my text not vertically aligning?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30250552/

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