0

使用下面的代码 $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>
4

1 回答 1

0

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

有关较新的 HTML 和 CSS 的更多信息，请参阅W3Schools。该站点也有出色的示例和教程。

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

于 2013-08-13T22:01:51.917 回答