Question

我正在寻找完成以下布局的最佳方法。我需要容纳不同大小的页眉和页脚，其中我无法控制。在这些元素之间，我需要设置一个固定的三列布局。总体布局需要始终在横向模式下打印在一个标准页面上。如果我不必允许页眉/页脚，我知道我可以使用固定的布局...但我不能。布局需要：

可变高度标题
div有三个固定宽度的列
可变高度页脚

P.S。抱歉，还不知道在这里以图形方式显示的正确方法：（

Answer 1

如果您希望将文字分为三列，那么您可以尝试使用CSS3的列：

然而，旧浏览器不支持此功能。

Answer 2

如果要控制页面的打印方式，请使用@page规则，如下所示：

<html>
    <head>
        <style type="text/css">
            @page
            {
                size:portrait;
                margin:1in;
            }
        </style>
    </head>
    <body>...</body>
</html>

有关@page的更多信息可以在W3C CSS 2 spec上找到。

CSS三列布局

2 个答案: