gpt4 book ai didi

html - 将网页放在所有屏幕尺寸的中心

转载 作者:太空宇宙 更新时间:2023-11-04 14:09:08 24 4
gpt4 key购买 nike

我正在使用 HTML 和 CSS。对于不同的显示尺寸,我无法在屏幕中间显示我的所有内容。我曾尝试使用 % 代替 PX,但它不适合小屏幕尺寸,例如 800*600 像素。我也进行了网络搜索,但我对 HTML 缺乏深入的了解阻碍了我的进步。我的代码是这样的:

<style type="text/css">
#Line5
{
color: #7B7BC0;
background-color: #7B7BC0;
border-width: 0px;
}
#wb_Text1
{
background-color: transparent;
border: 0px #8B8B00 solid;
padding: 0;
}
<body>
<hr id="Line5" align="center" style="position:relative;top:28px;width:803px;height:93px ;z-index:0;">
<div id="wb_Text1" style="position:absolute;left:406px;top:58px;width:308px;height:36px;text-align:center;z-index:1;">
<span style="color:#FFFFFF;font-family:Arial;font-size:32px;"><strong><em>SAMPLE TEXT</em></strong></span></div>

有人可以为我更正这段代码吗?

最佳答案

不知道您想要的输出是什么样的。但是请检查一下。

Click Here for Demo

<div id="wb_Text1">
<span class="head"><strong><em>SAMPLE TEXT</em></strong></span>
</div>

关于html - 将网页放在所有屏幕尺寸的中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20918098/

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