[英]How to align center + left/right
我的例子:
<div class="container">
<div class="d-flex justify-content-between">
<div class="col justify-content-center flex-column d-flex">
left
</div>
<div class="col justify-content-center flex-column d-flex right">
<a href="/">right</a>
</div>
</div>
</div>
.container div {
height: 100px;
background-color: red;
}
a {
background-color: blue;
}
.right {
text-align: right;
}
小提琴: https : //jsfiddle.net/lawagabi/f7tp3x26/1/
如何在框中右對齊文本,而不將其擴展到整個寬度?
你的.container div
類在這里有影響。 用right
類包裝你的錨標簽,以便輕松解決這個問題。
<div class="container">
<div class="d-flex justify-content-between my-auto">
<div class="col justify-content-center flex-column d-flex">
left
</div>
<div class="col justify-content-center flex-column d-flex">
<span class="right"><a href="/">right</a></span>
</div>
</div>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.