基本上,我想要实现的是以下布局;
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>