时间渡口，你我皆是过客

普陀申木

 

 

 

 

 

 

点此全屏观赏

梦江南

欣赏老师的精美音画。问好！

樵歌

很神奇的音画！

梦油

申木朋友的制图很美。

马黑黑

原始帖子的尺寸是 1164*640，在本论坛中如果想让 iframe 过来的帖子水平居中，可以考虑让 iframe 标签的父元素和 iframe 标签尺寸一致，且 iframe 又和原始帖子的最外层元素的尺寸一致。可以参考如下代码：

1. <div style="position: relative; margin: 30px 0; width: fit-content; height: fit-content; left: calc(50% - 81px); transform: translateX(-50%);">
   
2.         <iframe width="1164" height="640" frameborder="0" scrolling="no" src="https://file.uhsea.com/2506/e10b3b4fb11d937fb0493be968250cd66M.html" style="border: 1px solid red;"></iframe>
   
3. </div>
   
4. <p><a href="https://file.uhsea.com/2506/e10b3b4fb11d937fb0493be968250cd66M.html"><span style="font-size:32px;">点此全屏观赏</span></a></p>

复制代码

附：一楼原来的代码

1. <div class="cont-area">
   
2. <div style="width: 100%;height: 800px;position: absolute;MARGIN-LEFT:-100px;transform: scale(1);"><iframe frameborder="0" height="800" marginheight="0" marginwidth="0" scrolling="no"
   
3. src="https://file.uhsea.com/2506/e10b3b4fb11d937fb0493be968250cd66M.html
   
4. " width="1300"></iframe></div>
   
5. 
   
6. <div style="width: 100%;height: 750px;">&nbsp;</div>
   
7. 
   
8. <p>&nbsp;</p>
   
9. <p>&nbsp;</p>
   
10. <p>&nbsp;</p>
    
11. <p>&nbsp;</p>
    
12. <p>&nbsp;</p>
    
13. 
    
14. <p><a href="https://file.uhsea.com/2506/e10b3b4fb11d937fb0493be968250cd66M.html
    
15. "><span style="font-size:32px;">点此全屏观赏</span></a></p>
    
16. </div>

复制代码

普陀申木

谢谢马黑黑老师指点。我会学习的。

辫子哥哥

普陀申木 发表于 2025-6-8 12:50
谢谢马黑黑老师指点。我会学习的。

帖子制作很美，发帖代码有点问题，老师制作辛苦