单立人的日知录

我们平时看电子书，大多数排版都是从右到左的横排，但也有一些特别的，比如繁体版或者日文，很多文字都是直排，从右到左。对于看惯了横排的人来说（或直排），就觉得很不习惯，不方便。也有很多自己制作电子书的，要实现横排或直排，该如何做呢？

在电子书（尤其是EPUB格式）中，排版的方向可以通过CSS来控制。以下是直排和横排的CSS代码示例：

? 直排排版（竖排）

直排（竖排）在中文电子书中比较少见，但在日文电子书中较为常见。

关键点是使用以下 CSS 属性：

• writing-mode: vertical-rl;（从右到左垂直书写）
• text-orientation: upright;（字符直立显示）

其他相关 CSS 属性：

• text-align：用于控制文字的水平对齐方式，例如left、right、center或justify。
• line-height：用于控制行距，影响文字的垂直距离。
• direction：用于控制文字的阅读方向，例如ltr（从左到右）或rtl（从右到左）。

CSS代码：直排（竖排）

body {
    writing-mode: vertical-rl;  /* 竖排，从右到左 */
    text-orientation: upright;  /* 字符直立 */
    line-height: 1.8;           /* 行距，适当增大 */
    margin: 20px;               /* 页面边距 */
    font-size: 1.2em;           /* 字体大小 */
}

p {
    margin: 0;
    padding: 0;
    text-align: justify;       /* 两端对齐 */
}

? 横排排版（常见横排）

横排是电子书中最常见的排版方式。

关键点是：

• writing-mode: horizontal-tb;（水平从左到右书写）

CSS代码：横排（常见横排）

body {
    writing-mode: horizontal-tb;  /* 横排，从左到右 */
    line-height: 1.6;             /* 行距 */
    margin: 20px;                 /* 页面边距 */
    font-size: 1em;               /* 字体大小 */
}

p {
    margin: 0 0 1em 0;
    text-align: justify;         /* 两端对齐 */
}

? 如何在EPUB中使用这些CSS

1. 创建或编辑EPUB的CSS文件（通常是style.css）。
2. 将上述CSS代码粘贴到CSS文件中。
3. 更新EPUB的内容文件（如content.opf）以确保正确引用CSS。
4. 通过EPUB阅读器或转换工具（如Calibre）进行预览和测试。