gpt4 book ai didi

html - Fieldset 元素的垂直对齐

转载 作者:太空宇宙 更新时间:2023-11-04 14:44:42 25 4
gpt4 key购买 nike

在对 CSS 进行了大量的修改之后,我已经设法让我的表单元素正确排列。不幸的是,我终其一生都无法弄清楚如何修复标签/图像的定位错误。我希望它们在选择框旁边居中排列,但它们在选择框的顶部对齐,到目前为止我没有尝试过。

enter image description here

                <fieldset style="width:62%; float:left; margin-left: 19%;">

<label style="width: float: left;">Type</label>
<select style="width:40%; float: left;">
<option>Motherboard</option>
<option>Memory</option>
<option>Processor</option>
</select>

<label style="width:auto; float: left;">Item</label>
<select style="width:40%; float: left;">
<option>Motherboard</option>
<option>Memory</option>
<option>Processor</option>
</select>

<a href="#"><img src="images/icn_trash.png" style="width:auto; float: left;"></a>
<a href="#"><img src="images/icn_new_article.png" style="width:auto; float: left;"></a>

</fieldset><div class="clear"></div>

更新

当改为使用 Table 时,它​​显示如下...

enter image description here

                    <div id="inv1" class="inventory" style="margin:0; padding:0;">
<fieldset style="width:62%; float:left; margin-left: 19%;">

<table style="width:100%">
<tr>

<td style="width:5%;"><label style="width:auto;">Type:</label></td>
<td><select style="width:100%;">
<option>Motherboard</option>
<option>Memory</option>
<option>Processor</option>
</select></td>

<td style="width:5%;"><label style="width:auto;">Item:</label></td>
<td><select style="width:100%;">
<option>Motherboard</option>
<option>Memory</option>
<option>Processor</option>
</select></td>

<td><a href="#"><img src="images/icn_trash.png" style="width:auto;"></a></td>
<td><a href="#" class="btnAddInventory"><img src="images/icn_new_article.png" style="width:auto;"></a></td>

</tr>
</table>

</fieldset><div class="clear"></div>
</div>

最佳答案

我建议你使用 4 列的表格。

关于html - Fieldset 元素的垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17985005/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com