html - CSS自动顶部div

标签 html css

需要您帮助解决简单的 css 问题:

如何使用 display: inline block 和 vertical-align: top 自动顶部 div?

这里的CSS:

vertical-align: top;
display: inline-block;
width: 194px;
background: #fff;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
word-wrap: break-word;
padding: 10px;
margin-top: 5px;
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
text-align: left;

这里是 fiddle

非常感谢帮助...

最佳答案

使用多列:

<div class="content_wall_column">
    <div class="content_wall">...</div>
    <div class="content_wall">...</div>
</div>

<div class="content_wall_column">
    <div class="content_wall">...</div>
</div>

查看我的 JSFiddle .

关于html - CSS自动顶部div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19286939/

相关文章:

jquery - ui-draggable 在 Chrome 上的模态对话框中无法正常工作

javascript - 使 CSS 通用以用于图像居中

javascript - CSS 从通过 Javascript 嵌入到 Div 中的内容中剥离

html - 具有动态内容的固定宽度侧边栏

html - 下拉菜单在 ie7 或 ie8 中无法正常显示

javascript - ajax调用成功的for循环不起作用

html - 强制图像重新加载html5

jquery - Internet Explorer 中的 Css 旋转

html - 如何防止滚动条与内容重叠?

css - 如何在从 XML > XML 进行 XSLT 转换期间注入(inject) CSS 样式表调用