Question

使用$ 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>

Answer 1

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

有关较新的HTML和CSS的详细信息，请参阅W3Schools。该网站还有很好的示例和教程。

编辑：请参阅您想要的布局this example（我认为）。

如何让文字显示在前一个div区域之外？

1 个答案: