CSS shape-outside не совместим с режимом письма vertical-rl - PullRequest
Новая
       31

CSS shape-outside не совместим с режимом письма vertical-rl

0 голосов
/ 29 ноября 2018

Свойство shape-outside свойства CSS кажется несовместимым с режимом записи свойства CSS со значением vertical-rl.

Например, если я пытаюсь получить вертикальный текст, следующий за треугольной формой, онне работает: 

.triangle {
  width: 100%;
  height: 12ex;
  background-color: lightgray;
  -webkit-shape-outside: polygon(0 0, 100% 0, 0 50%);
  shape-outside: polygon(0 0, 100% 0, 0 50%);
  float: left;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 50%);
  clip-path: polygon(0 0, 100% 0, 0 50%);
}

p {
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: left;
}
<div class="triangle"></div>
<p>My very long text is so long that it has so many lines with wo many words in it! You cannot imagine how this text is long and how many lines it is made of, because there are so many. One cannot count them, that's totally impossible. Indeed this text is
  so long. If you try to read it, this will probably last for the rest of your life.</p>

Но если я удалю линию writing-mode: vertical-rl;, текст будет следовать форме треугольника.Тем не менее, он больше не будет записываться вертикально!

Как я могу справиться с этим?(Я использую Firefox)

...