CSS 三欄布局
[英]CSS three-column layout
問題描述
我正在尋找完成以下布局的最佳方法。 我需要容納一個 header 和不同大小的頁腳，我無法控制這些。 在這些元素之間，我需要設置一個固定的三列布局。 總布局需要在橫向模式下始終打印在一個標准頁面上。 如果我不必允許頁眉/頁腳，我知道我可以使用固定布局......但我不能。 布局需要：
可變高度 header
具有三個固定寬度列的 div
可變高度頁腳
ps 抱歉，還不知道在此處以圖形方式顯示此內容的正確方法:(
2 個解決方案
解決方案1
1 2011-04-28 18:41:45
如果您希望將文本分成三列，作為一種享受，您可以嘗試 CSS3 的列：
但是，舊版瀏覽器不支持此功能。
解決方案2
0 2011-04-28 19:40:15
如果要控制頁面的打印方式，請使用 @page 規則，如下所示：
<html>
<head>
<style type="text/css">
@page
{
size:portrait;
margin:1in;
}
</style>
</head>
<body>...</body>
</html>
有關@page 的更多信息，請參閱 W3C 的CSS 2 規范。
CSS：具有半流體中心的三列布局
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.