如何在一个块中垂直对齐文本?我不能这样做而不破坏左侧具有shape-outside
属性的元素。
.a {
width: 150px;
height: 300px;
background-color: yellow;
}
.b {
float: left;
-webkit-shape-outside: polygon(0% 50%, 100% 0%, 0% 0%, 0% 100%, 100% 100%);
-webkit-clip-path: polygon(0% 50%, 100% 0%, 0% 0%, 0% 100%, 100% 100%);
width: 100%;
height: 100%;
background-color: black;
}
.c {
font-family: Arial;
font-size: 16px;
text-align: right;
}
<div class="a">
<div class="b"></div>
<div class="c">text text text text text text text text text text text text text text text text text text</div>
</div>
这张图片展示了我的现状和目标。
父元素的高度和文本长度都不确定。