2
A
回答
2
有(讨厌)的方法来解决它仍然使用浮动,但在这种情况下,最简单的方法是切换到display: inline-block
。
有三个新属性更换float:left
:
ul { width:300px; margin:0; padding:0; overflow:hidden; list-style:none; background:#ccc; }
li { display:inline-block; *display:inline; zoom:1; /* float:left; */ width:98px; height:120px; margin-bottom:30px; border:1px solid black; background:#f0f0f0; }
*display:inline; zoom:1;
is explained here.我只想说,这使得它在IE7工作。
<ul>
<li></li><li></li><li></li><li></li><li></li>
</ul>
相关问题
- 1. 在IE7中缺少顶部和底部边框
- 2. DL表格 - 缺少底部边框线
- 3. StreamReader.EndOfStream缺少最后一行?
- 4. Android无法从列表视图项中删除底部边距
- 5. Webform缺少底部
- 6. 最大高度100和边距底部
- 7. CSS - IE7忽略第一个列表项目的边距?
- 8. GtkTextView顶部/底部边距?
- 9. IE 9忽略页面上最后一个元素的页边距底部
- 10. 删除列表项底部的边框
- 11. 块标签边距底部
- 12. 边界 - 底部间距
- 13. 最后一项丢失的底部边框
- 14. autocompleteextender在IE缺少一个列表项
- 15. 摆脱C3上的顶部/底部边距/填充图表
- 16. JTable缺少最后一列名称
- 17. 边框底部缺失
- 18. SHIFT-click jqgrid multiselect缺少最后一行
- 19. 缺少行的最后一个元素
- 20. 缺少滚动条的底部一半
- 21. 用零填充缺失的列,然后将表格的底部行除以另一个表格的底部行
- 22. ListView最后一项与底部对齐
- 23. 如何将NSOutlineView的最后一个树项保留在边栏的最底部?
- 24. 如何删除DataGrid的最后一行的底部边框
- 25. 在html中的底部边距
- 26. pyplot:在图底部延长页边距
- 27. 删除行中最后一项的边距
- 28. Flexbox网格最后一行项目之间的错误边距
- 29. 在IE7中无边距
- 30. 差距在DIV顶部和底部,尽管边距为0
太谢谢你了。 – 2011-05-09 09:41:18
没问题。对于什么是值得的,这就是我使用'float's创建的:http://jsfiddle.net/PUv4Z/ - 虽然我不是很喜欢所有额外的类,但我决定宁愿去'display:inline-block'。 – thirtydot 2011-05-09 09:43:32
甜!当我需要时,我会提及你的第二个答案。 – 2011-05-09 09:51:10