在 css3 中水平排列字段集标签答案

【问题标题】：lining up fieldset tags horizontally in css3在 css3 中水平排列字段集标签
【发布时间】：2012-09-06 20:14:28
【问题描述】：

我无法让这两个字段集水平排列。我已经尝试了我能想到的所有浮动和显示变体。尽管我也尝试过，但我目前在 div 中没有这些元素。他们必须在一个div中吗？

<fieldset class="bio1">
  <legend>Name</legend>
  <p>President</p><br/>
</fieldset>
<fieldset class="bioimage">
   <legend>Picture</legend>
   <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/BioImages/bio.jpg" />
 </fieldset>

【问题讨论】：

横排是什么意思？我不认为您可以仅使用 CSS 使它们具有相同的高度。

标签： css fieldset

【解决方案1】：

CSS 的问题（尤其是 CSS3）。将它们（fieldsets css）都设置为

display: inline-block;
vertical-align: top; /* enter your desired option */

【讨论】：

谢谢，bio1 字段集需要 display:inline 设置而不是阻塞。搞定了