Question

我无论如何都不是编码员，我只接受过很少的培训，只能通过我在网上学到的东西。话虽如此，如果这是一个愚蠢的问题，我道歉！我是一名摄影师，当他们的图像准备就绪时为客户制作这些幻灯片，我遇到一个问题就是让他们在显示的页面上（水平）居中。在我的观看画廊中有几种不同的页面宽度，所以即使我手动使用中心（即：左95px）或该页面的任何内容，它显然不会在具有不同网站宽度的不同页面上工作。我确信有一个简单的通用命令，我可以添加到所有这些幻灯片中，使它们在每个页面都居中，但我无法弄明白 - 任何帮助都将非常感谢！这是我正在使用的代码......

<style>
    .ss-embed-container-89670 {
        position:relative; padding-bottom:680px; 
        height:0; overflow:hidden; max-width:1020px} .ss-embed-container-89670 
        iframe {position:absolute; top:0;left:0; width:100%!important; 
        height:100%!important;
    } 
</style>
<div class="ss-embed-container-89670"><iframe src="https://greg-
    ross.smartslides.com/morgan-clayton?pt=ed" frameborder="0" 
    webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

Answer 1

你可以尝试这样做：

<div style="margin: 0 auto;">
    <div class="ss-embed-container-89670"><iframe src="https://greg-
        ross.smartslides.com/morgan-clayton?pt=ed" frameborder="0" 
        webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </div>
</div>

使用CSS居中放映幻灯片

1 个答案: