如何使第一個和最后一個 div 從頂部開始？
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.box {
display: inline-block;
width: 40px;
height: 40px;
border: 10px solid black;
text-align: center;
margin-right: 8px;
text-decoration: none;
}
div.arrow {
border: none;
background-color: lightgray;
}<div class="box arrow">←</div>
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box arrow">→</div>uj5u.com熱心網友回復：
只需border: 10px solid lightgray;使用div.arrow.
.box因為和之間唯一的尺寸差異div.arrow是它們的邊界值。
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.box {
display: inline-block;
width: 40px;
height: 40px;
border: 10px solid black;
text-align: center;
margin-right: 8px;
text-decoration: none;
}
div.arrow {
border: 10px solid lightgray;
background-color: lightgray;
}<div class="box arrow">←</div>
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box arrow">→</div>uj5u.com熱心網友回復：
單程：
.box {
display: block;
float: left;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/454943.html