如何將按鈕塊向右移動？
<div class="bttns__block">
<div>
<button class="btn-header" onclick='location.href="certificates.html"' >CERTIFICATES</button>
</div>
<div>
<button class="btn-header" onclick='location.href="certificates.html"' >TG</button>
</div>
<div>
<button class="btn-header" onclick='location.href="https://www.twitch.tv/qternel"'>Twitch</button>
</div>
</div>
uj5u.com熱心網友回復：
作業演示：
.align-right {
text-align: right
}<div class="bttns__block align-right">
<div>
<button class="btn-header" onclick='location.href="certificates.html"' >CERTIFICATES</button>
</div>
<div>
<button class="btn-header" onclick='location.href="certificates.html"' >TG</button>
</div>
<div>
<button class="btn-header" onclick='location.href="https://www.twitch.tv/qternel"'>Twitch</button>
</div>
</div>uj5u.com熱心網友回復：
只需添加 text-align: right; 像這樣到 bttns__block ：
.bttns__block {
text-align: right;
}uj5u.com熱心網友回復：
您可以簡單地使用 (text-align: right) 移動您的塊，或者在您想要的任何地方使用位置，請參見下面的代碼
* {
margin: 0;
box-sizing: border-box;
}
body {
background-color: #191c26;
color: white;
}
body {
position: relative;
}
.bttns__block {
/* position: absolute; // if want move everywhere base parent
top: 0; // if want move everywhere base parent
left: 50%; // if want move everywhere base parent */
text-align: right;
}<div class="bttns__block">
<div>
<button class="btn-header" onclick='location.href="certificates.html"'>
CERTIFICATES
</button>
</div>
<div>
<button class="btn-header" onclick='location.href="certificates.html"'>
TG
</button>
</div>
<div>
<button
class="btn-header"
onclick='location.href="https://www.twitch.tv/qternel"'
>
Twitch
</button>
</div>
</div>uj5u.com熱心網友回復：
在樣式表中只給
.bttns__block{
float:right;
}
或者
.align-right {
text-align: right
}
或者給這個
<div class="bttns__block" style="float: right; or text-align:center">
<div>
<button class="btn-header" onclick='location.href="certificates.html"' >CERTIFICATES</button>
</div>
<div>
<button class="btn-header" onclick='location.href="certificates.html"' >TG</button>
</div>
<div>
<button class="btn-header" onclick='location.href="https://www.twitch.tv/qternel"'>Twitch</button>
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/425591.html