我的意思是，這兩個框沒有水平對齊，因為標簽的大小不同，我希望較小的標簽向右對齊，所以框可以對齊
https://i.stack.imgur.com/H5FOA.pngstrong[CSS][1]
uj5u.com熱心網友回復：
你可以在這里看到這個例子：https ://codepen.io/HMokni/pen/abVOoeJ
label
{
display: block;
}
label span
{
display: inline-block;
text-align: right;
width: 100px;
}<form>
<label>
<span>Data inicial:</span>
<input type="date" />
</label>
<label>
<span>Data final:</span>
<input type="date" />
</label>
</form>PS：您也可以在 CSS 網格中使用 flexbox（用于標簽的 Flex-end 和用于輸入的 flex-start）。
uj5u.com熱心網友回復：
實作此目的的最簡單方法之一是使用 margin-left CSS 屬性，因此通過 Id 選擇您的下部元素，然后使用 margin 屬性：
#second_box_id {
margin-left: 30px;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/422197.html
標籤：