Chr*_*ris 6 html css html5 css3
我一直在做很多搜索,找不到垂直对齐我的内容的CSS解决方案.
我在这里看到的所有解决方案和Google上的热门文章要求我有一个固定高度的容器,其内容不能超过.我不能保证因为内容是动态生成的.
我能做的唯一后备工作是一些javascript以编程方式测量内部容器并设置其margin-top.这真的是icky,但似乎是唯一的方式.:(
请参阅此js小提琴,了解我想要标记的标记示例.
我很高兴忘记IE6,但需要支持IE7 +和最新的webkit + firefox ...
有人知道只有CSS的解决方案吗？
ptr*_*iek 13
据我所知,除非你可以使用表格,否则绝对没有办法在IE7中完成这项工作.对于所有体面的浏览器和IE8,您可以使用display:table-cell:
和
将高度设置为200px而不是min-height(表格单元格不支持min-height,高度被解释为min-height)
添加条件注释仅限目标IE7,并添加min-height:200px; 和身高:汽车; 到内部div(高度在表格单元格中的IE7中无法正常工作)
加载jQuery仅针对IE7修复,或者在IE7中使用非居中视图
| 归档时间： |
|
| 查看次数： |
10510 次 |
| 最近记录： |