自动居中列表项/image 100%页面高度
自动居中列表项/image 100%页面高度
提问于 2013-05-17 22:47:10
基本上，我试图实现的是以下布局；
http://farm9.staticflickr.com/8256/8746793625_d3fed90c54_b.jpg
我已经尝试使用表格，但无法获得100%的页面高度的图像。
我试过用display:inline创建一个无序列表，图像的大小调整正确，但我不能把“主”或第二项放在列表的中心位置。
我受到一个事实的限制，我不能指定图像的尺寸。我想尽可能坚持使用CSS，除非有办法用Jquery测试窗口大小，并以某种方式提供给它？(我对此还很陌生)
我没主意了，有人能帮上忙吗？！？！
干杯!
这是我得到的最接近的结果；
<body>
<div class="wrapper" style="position:absolute; width:100%; height:100%; margin:0; padding:0; top:0; left:0;">
<table style="position:absolute; width:100%; height:100%; margin:0; padding:0; top:0; left:0; text-align:center; white-space: nowrap; overflow:hidden;">
<td style="width:20%" ><img style="position:relative;width:auto;max-height:100%" src="http://shellsuitzombie.co.uk/wp-content/uploads/2013/04/Brad-Rose-I-never-finish-anything.jpg"></td>
<td style="width:60%" ><img style="position:relative;width:auto;max-height:100%" src="http://shellsuitzombie.co.uk/wp-content/uploads/2013/04/Brad-Rose-I-never-finish-anything.jpg"></td>
<td style="width:20%" ><img style="position:relative;width:auto;max-height:100%" src="http://shellsuitzombie.co.uk/wp-content/uploads/2013/04/Brad-Rose-I-never-finish-anything.jpg"></td>
</tr></table></div></body>回答 1
Stack Overflow用户
发布于 2013-05-17 22:51:07
这个问题应该是在你的表格排列上，，你能检查一下表格和你上传文件的位置吗？天气正在调用jQuery或未调用您的jquery函数，并将图像的宽度和高度设置为100%，如果您给我您的站点链接，我将为您做。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16611900
复制相关文章
相似问题
腾讯云开发者
