我有一些文本,使用shape-outside进行包裹。如何将它底部对齐?
在父元素上使用flexbox会破坏浮动,因此不再能够包裹。使用绝对定位只是忽略了形状。
在父元素上使用flexbox会破坏浮动,因此不再能够包裹。使用绝对定位只是忽略了形状。
main {
width: 300px;
height: 300px;
border: dotted 1px lightgray;
}
div {
width: 100%;
height: 100%;
float: left;
shape-outside: polygon(0 0, 50% 0, 0 100%);
}
<main>
<div></div>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed mattis odio. Vestibulum viverra est quis fermentum pulvinar. Morbi feugiat pretium massa, id accumsan lacus tempus nec.</span>
</main>