竖排的实现需要阅读器的支持,不同阅读器方法不同,可百度。
例如支持属性writing-mode的阅读器 设置文字的书写方向,最新的规范中缩减为三个值:
- horizontal-tb(默认值):自上而下,从左到右的横排书写方式。
- vertical-rl:从右到左,自上而下的竖排书写方式(典型的汉字竖排排版方式)。
- vertical-lr:从左到右,自上而下的竖排书写方式(主要用于内蒙古的蒙古语和满语)。
MDX里头得有相关writing-mode代码
<body class="vertical-mode">
<p>中国古代文献多是竖排,主要是因为上古书写材料多为竹片木条,文字竖直写上去,然后一条条横向平行排列串成长卷,这样有利用使用左右手展开阅读。直到后来出现纸质书,这一排版习惯一直传承下来。五四期间,打倒一切的先行者们,事事要向先进的西方看齐,自然也要拿竖排书来作文章。</p>
</body>
配套css代码
body.vertical-mode {
-webkit-writing-mode: vertical-rl; /*兼容Chrome浏览器*/
-epub-writing-mode: vertical-rl; /*epub扩展*/
writing-mode: vertical-rl;
}
竖排的适配问题很突出,只能根据自己的阅览器情况,自己动手解决。