使用CSS,我希望能够使按钮向上移动,如果有空白空间(由于文字环绕)。如何定位一个元素,使其整齐地放置在包装线下
下面的图片说明了这个问题。我希望顶部按钮的显示高出几个像素,因为上面没有文字直接。
取而代之的是,它与文本的底部对齐,而文本只显示在右边。
有没有办法用CSS实现这一点(我可以改变HTML)?
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<div class="right">
<button class="button-primary">Do this...</button>
</div>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="right">
<button class="button-primary">Do that...</button>
</div>
CSS:
div.right {
text-align: right;
}
谢谢,那种作品,但顶部下面的元素(div)不与按钮的底部对齐,它与wit对齐h文字的底部。这会导致不一致的垂直间距,如果某些行不足以将其按钮按下到屏幕上。 – fadedbee
我同意,也许Jiffs的回答比;) – NiZa
看到我更新的答案,这是你的意思吗? – NiZa