gpt4 book ai didi

水平/垂直对齐下的 CSS 文本

转载 作者:太空宇宙 更新时间:2023-11-04 02:27:18 25 4
gpt4 key购买 nike

因此,我有一个包含水平和垂直居中文本的页面。我想要做的是将普通文本放在居中文本的下面。到目前为止,这是我的代码。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<title>Block4o</title>
</head>

<body scroll="no" style="overflow: hidden">

<h1>Block4o</h1>
Normal text should be here (links etc.)
</body>
</html>

<style>
body
{
background-image: url("/background.jpg");
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
}

h1
{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border:solid;
border-size: 8px;
border-radius: 10px;
}

</style>

enter image description here这是我在视觉上需要的示例。感谢您的帮助。

最佳答案

是这样的吗?

.main{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

h1{
border:solid;
border-size: 8px;
border-radius: 10px;
}
<div class="main">
<h1>Block4o</h1>
Normal text should be here (links etc.)
</div>

关于水平/垂直对齐下的 CSS 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37124610/

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