Question

我正在尝试将div对齐到div之前的顶部。

我使用了vertical-align:top;但它似乎根本不起作用，并且它没有将div与顶部对齐。

为了解释这一点，我创建了这个FIDDLE

这就是我需要与前一个div的顶部对齐的div：

<div style="display:inline-block; background:#EFEFEF; border-radius:4px; margin:5px; padding:10px;">
<p style="font-size:12px; font-weight:bold; padding:5px;vertical-align: top;">Draw Days</p>

<label for="one">
<input type="radio" id="one" name="duration" value="1" />
Tue
</label>

<label for="two">
<input type="radio" id="two" name="duration" value="1" />
Fri
</label>

<label for="two">
<input type="radio" id="two" name="duration" value="1" />
Tue &amp; Fri
</label>
</div>

有人可以就此问题提出建议吗？

提前致谢。

Answer 1

将$temp = array_flip($developer_members); $dev_name = $temp[$user_id]; unset( $developer_members[$dev_name] );添加到两个div。因为它们是内联块，所以它们位于文本流中。 vertical-align: top会将它们与它们所在行的顶部对齐。您还需要删除第二个div的5px上边距，以使它们在视觉上正确对齐。

更新了小提琴：

https://jsfiddle.net/9pzuhnfy/1/

Answer 2

你必须使用float:left属性，你必须在这些具有clear:both属性的div之后添加另一个div。

https://jsfiddle.net/a5uk01c5/2/

如果您不想使用这些属性，则应将div设置为inline-block。 Beause Vertical-align只影响内联和内联块属性。

CSS：将div对齐到前一个div的顶部？

2 个答案: