css - 许多内联 block li 标签未对齐

标签 css layout css-float

我遇到了一个奇怪的、间歇性的、不可重现的 CSS 布局问题。我有一堆 li 标签,里面有 div。 并非总是如此,但偶尔当我在 Chrome 或 Safari 中加载页面时,布局未对齐:

编辑:该网站现已上线:www.socwall.com如果你想尝试重现。 IE 和 Firefox 似乎没有这个问题,只有 Safari 和 Chrome 有这个问题

enter image description here

如果我摆动鼠标或移动滚动条,它会突然自行修复:

enter image description here

我知道 inline-block 首先使用起来有点粗略 - 你认为就是这样吗?

最佳答案

页面布局可能在图像完成加载之前就已确定。在图像标签中包含高度和宽度是否可以解决问题?

关于css - 许多内联 block li 标签未对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8191122/

相关文章:

javascript - Highcharts X 范围。最大高度的列

html - CSS 列表样式和文本装饰无效

c# - 轮播文字没有显示在图片上?

css - 为什么宽度可以设置为屏幕的100%,而高度却不能?

html - 列表 : list item with float style not clearing to left when elements above contain multiple lines 的 float 或格式问题

javascript - 用于内联表单验证的 jQuery 插件

Android 设计支持 TabLayout 重叠内容

ios - 如何实现 iOS 9 的 UICollectionView 交互移动功能?

html - 绝对 div 中的 float div 不会扩展父级。 Clearfix 似乎不起作用

html - 启动 css 站点但格式问题