gpt4 book ai didi

javascript - 自动居中列表项/图像 100% 页面高度

转载 作者:太空狗 更新时间:2023-10-29 12:36:10 26 4
gpt4 key购买 nike

基本上,我想要实现的是以下布局;

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>

最佳答案

问题应该出在你的表格安排上请查看表格以及您将上传文件发送到哪里好吗?天气是否调用 jQuery 是否调用 jquery 函数并将图像宽度和高度设置为 100%,如果你给我你的站点链接,我会为你做。

关于javascript - 自动居中列表项/图像 100% 页面高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16611900/

26 4 0
文章推荐: html - 响应式 CSS 梯形
文章推荐: linux - 在 linux 中使用 sed 替换字符串后面的数字时得到一个额外的数字
文章推荐: linux - IPC ://and concurrency 上的 ZeroMQ REQ/REP
文章推荐: css - 无法将
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com