gpt4 book ai didi

css - 图片拒绝居中

转载 作者:行者123 更新时间:2023-11-28 18:48:56 25 4
gpt4 key购买 nike

图片拒绝在 html 代码中居中。宽度是自动的,必须是那个。我正在尝试使用 margin:auto 居中来居中图像。画廊应该比视口(viewport)宽。CSS 和 JavaScript:

    #gallery{
position:fixed;
top:0px;
left:50%;
width:6000px;
height:100%;
margin-left:-3000px;
background-image:url('images/bluey.jpg');
background-position:center center;
background-repeat:no-repeat;
background-color:red;
}
.galimag{
opacity:0.5;
position:absolute;
margin-left:auto;
margin-right:auto;
width:auto;
height:80.3%;
top:10.2%;
}

</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
var T = setInterval(function(){
$('img.galimag').css('width','auto');
$('img.galimag').each(function(){
var w = $(this).width();
$(this).width(w);
});
},100);
</script>

HTML 在这里:

    <body>
<div id="gallery">
<img class="galimag" src="/images/grid.jpg" alt="img"/>
<img class="galimag" src="/images/referrals.2.jpg" alt="img"/>
<img class="galimag" src="/images/referrals.3.jpg" alt="img"/>
<img class="galimag" src="/images/referrals.4.jpg" alt="img"/>
<img class="galimag" src="/images/referrals.5.jpg" alt="img"/>
</div>
<div id="controls"></div>
<div id="ipad-controls"></div>
</body>

我如何强制它们居中?

最佳答案

你到底想用你的区间函数实现什么?

将#gallery 设置为text-align:center;

以及图像中的绝对位置。

关于css - 图片拒绝居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9878755/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com