gpt4 book ai didi

css - 如何让文本显示在先前的 div 区域之外?

转载 作者:行者123 更新时间:2023-11-28 12:31:20 27 4
gpt4 key购买 nike

下面的代码 $title1 和 $title2 应该在 div 之外,并以页面宽度为中心。它这样做只是因为我在那里有“Y”。如果我删除“Y”,文本会向上移动并且它位于地址类的中心。显然我不能将“Y”保留在那里,但不确定为什么这会改变一切。

<html>
<head>
<title></title>
<style>
body { margin:12pt auto 12pt auto;width:568pt; }
.sseal { float:left; width:56.25pt; }
.address { float:left;text-align:center; margin:15px auto;width:450pt; }
.dseal { float:right; width:56.25pt;}
wrapper { margin:0px auto; }
.form_title { text-align:center;font-weight:bold;font-size:22pt; }
.header { font-weight:bold; }
.heading { font-size:16pt;font-weight:bold; }
.title1 { font-size:24pt;font-weight:bold;text-align:center; }
.title2 { font-size:22pt;font-weight:bold; font-style:oblique;text-align:center; }
table, th, td { padding:10px; }
hr { padding:0px;spacing:0px;margin:0px; }
.rightpaced { margin:45px; }
</style>
</head>
<body>
<div class="wrapper">
<div class="sseal"><img src="../image2.gif" height="75" width="75" border="0"></div>
<div class="clear:both;"></div>
<div class="address">
<font size=+1><b>
$companyname<br>
$address
</b></font>
</div>
<div class="clear:both;"></div>
<div class="dseal"><img src="../image2.gif" height="75" width="75" border="0"></div>
<div class="clear:both;"></div>
</div>
<div class="clear:both;"></div>
Y<br>
<div class="title1">$title1</div>
<p>
<div class="title2">$title2</div>


</body>
</html>

最佳答案

首先,除非你有一些限制(浏览器支持,这是一项必须以这种方式完成的任务),否则我建议你使用更新的(CSS2 和 CSS3)选择器和 HTML 标签(例如, <br /> 不再使用了)。

参见 W3Schools有关更新的 HTML 和 CSS 的更多信息。该站点也有很好的示例和教程。

编辑:参见this example您想要的布局(我认为)。

关于css - 如何让文本显示在先前的 div 区域之外?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18219822/

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