使用CSS居中放映幻燈片

我不是任何手段的編碼人員，我只有非常少的培訓，只能通過我可以在網上找到的東西獲得。有了這個說法，我很抱歉，如果這是一個愚蠢的問題！我是一名攝影師，他們的圖像準備好後爲客戶做了這些幻燈片演示，我有一個問題讓他們無論在哪個頁面上顯示，都將它們居中（水平）。在我的觀看畫廊中，有幾種不同的頁面寬度，所以即使我手動使用（即：左側95px）或其它頁面的內容，它顯然不會在具有不同站點寬度的不同頁面上工作。我確信有一個簡單的通用命令，我可以添加到所有這些幻燈片中，這將使他們成爲每個頁面的中心，但我無法弄清楚 - 任何幫助將不勝感激！這裏是我一起工作的代碼...使用CSS居中放映幻燈片

<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>

來源

2017-08-29 Greg Ross

你可以嘗試做這樣的事情：

<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>

來源

2017-08-29 17:51:19

謝謝你，加布裏埃爾，這樣的快速反應！我剛剛嘗試過您的解決方案，出於某種原因，現在幻燈片不出現。我正在考慮是否能找出原因。你看到有什麼明顯的，爲什麼它可能會突破？ –

這可能是因爲你的css中的位置：相對。試着看看這個https://stackoverflow.com/questions/25888354/how-to-center-a-relative-div –

使用CSS居中放映幻燈片

回答

相關問題