Css 根据页面是左还是右对齐文本

我想做如下事情：

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

---

但是这种语法在CSS中不起作用。如何根据页面是左还是右来更改文本对齐方式？

我还没有测试过它，我相信您可以做到：

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

---

如果可以为页面上的所有文本设置对齐方式，则此操作应该可以：

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

如果页面包含一个h1元素，再加上一个或多个其他元素，则可以将h1放在页面标题中，请参见。

根据以下语法：

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

是正确的；但是，正如其他人所说，目前浏览器不支持

@page

，最新版本的PrinceXML也不支持

文本对齐

这意味着，到目前为止，这是不可能做到的

但是，PrinceXML在页边距上下文中支持
margin
。因此，如果可以使用静态边距来推送文本，例如：

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

那么这是一个好的难题

编辑：事实上，PrinceXML支持
文本对齐
，但不支持运行标题；显然，它只适用于生成的字符串内容。
是否仅更改h1的对齐方式，还是更改该页面上所有段落样式的对齐方式？兼容性似乎有限，这可能是主要问题。。但是您是否尝试过
左边距：
和
右边距：
？文本对齐只会对齐h1标记内的文本，如果没有设置宽度，则不会注意到两侧对齐，因为h1块的宽度仅与其中的文本一样。@Hobbes我在这一页上只有一个文本元素，所以我想两种方式都可以@Hastingzusammenstellen：这个名字太长了，无法
@
发送消息。无论如何，任何解决方案都可以，只要我可以根据页面是左还是右指定一些格式。谢谢，但我需要能够为单个元素设置样式。谢谢。我认为目前还没有CSS来回答更一般的问题，即根据当前页面的左侧或右侧设置样式，但您指出的解决方案将适用于飞碟或WeasyPrint（但还没有任何浏览器）。目前还没有支持@page规则的浏览器。您可以尝试PrinceXML的评估副本