Question

我正在尝试渲染垂直对齐的日文文本，并且遇到了一个奇怪的问题。我创建了以下CSS类来标记垂直文本：

.rtl {
    -ms-writing-mode: tb-rl; 
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    float: right;
    padding: 0;
    margin: 0.4em;
}

根据我放置它的位置，出现两个问题之一。当我把这个类放在一个<p>标签中（如最初预期的那样）时，它漂浮得很好，但新的＆＃34;列＆＃34;从页面最下方的文本块开始，直到底部块一直到左边，此时它再次从页面的右边缘开始处理。

因此，例如，给定块A到G，布局看起来像这样：

C B AA
C B AA
  B AA
E D AA
E D AA
  D
   G F
   G F
   G

以下是一些用于测试目的的示例HTML：http://jsfiddle.net/salota8550/s4B35/

如果我将课程放在div标签中而不是<p>并格式化其中的所有内容，就像我对水平文字一样，它会开始显示页面右侧的文字从左边开始跑，没有选项向左滚动查看它。

虽然我确定我可以设置允许滚动的CSS属性，但我理想的解决方案是允许它分成一致高度的列，而不必手动将文本分成单独的{ {1}}秒。任何想法如何实现这一目标？

RTL文本中的列中断

0 个答案: