1

CSS 属性 shape-outside 似乎与值为 vertical-rl 的 CSS 属性 writing-mode 不兼容。

例如，如果我尝试让垂直文本跟随三角形，它就不起作用：

.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>

但是如果我删除 line writing-mode: vertical-rl;，文本将遵循三角形。但是，它不会再竖着写了！

我该如何管理？（我使用的是火狐）

4

0 回答 0