對齊文本基礎上，如果頁面左邊或右邊

Question

我想要做的東西像下面這樣：

@page :left{ 
    h1 {text-align: left;} 
} 
@page :right { 
    h1 {text-align: right;} 
} 

但是這句法不會CSS工作。如何根據頁面是左側還是右側來更改文本對齊方式？

Answer 1

我沒有測試過的，我相信你可以做到這一點：

@page :left h1 {text-align: left;} 
@page :right h1 {text-align: right;} 

Answer 2

如果設置對齊方式的網頁上的所有文字是可以接受的，這應該工作：

@page :left {text-align: left;} 
@page :right {text-align: right;} 

如果該頁面包含一個h1元素以及一個或多個其他元素，您可以將h1放在頁面標題中，請參閱this related question。

Answer 3

根據https://www.w3.org/TR/css3-page/#margin-property-list，語法：

@page :left { 
    h1 { text-align: left; } 
} 
@page :right { 
    h1 { text-align: right; } 
} 

是正確的;然而，正如其他人所說，目前沒有對@page的瀏覽器支持，而PrinceXML的最新版本也不支持text-align。

這意味着，現在，它無法做到的。

然而，PrinceXML支持margin在頁邊距環境。所以，如果人們能夠承受使用靜態邊距推文本，例如：

@page :left{ 
    h1 { margin-right: 10000em; } // We all know 10000em equals to infinity. 
} 
@page :right { 
    h1 { margin-left: 10000em; } 
} 

然後這是一個好kludge。

編輯：其實，PrinceXML做，而不是連續的頁眉支持text-align;顯然它只適用於生成的字符串內容。