html - 如何使用 CSS 制作 float 顶部?

标签 html css css-float

我知道 CSS 只支持 float 属性的左值和右值,但有没有实现 float 顶部的技术?我会尽力解释。我有以下代码:

<div style="float:left">
<div style="float:left">
<div style="float:left">
....

使用这段代码,每个 div 都向左浮动,直到达到页面的右边界。我想垂直做同样的事情,这样每个 div 都放在前一个 div 的底部,然后,当达到页面的底部限制时,创建一个新列。有没有办法只使用 CSS(并可能编辑 HTML 代码)来做到这一点?

最佳答案

只需使用vertical-align:

.className {
    display: inline-block;
    vertical-align: top;
}

关于html - 如何使用 CSS 制作 float 顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1847460/

相关文章:

css - 构建具有绝对定位的响应式站点

html - Bootstrap 菜单 : stretch a vertically to fill li

html - 通过@url.HttpRouteUrl 加载图像时防止窗口调整大小

javascript - 如何将类 "current"添加到纯 CSS slider 点导航?

html - 如何在 Bootstrap 中不重叠地 float div

html - 中心 DOM 在 li 中创建图像

javascript - 无需外部插件,通过 JavaScript 在 HTML5 中的 P 或 Div 标签中自动调整字体大小

html - 如何在此特定标题上居中对齐 Logo

CSS 菜单下拉菜单都出现在同一个(最左边的)父项下

css - Internet Explorer 6 和 7 : floated elements expand to 100% width when they contain a child element floated right. 有解决方法吗?