也谈发宽幅大图帖

起个网名好难

1. <img src="https://5b0988e595225.cdn.sohucs.com/images/20170929/4915638b190f42f8925697f40375a95e.gif" style="position: absolute; width: 1574px;height: 1000px;margin-left: -387px;" />
3. <div style="height:1080px;"></div>

复制代码

起个网名好难

1. <img src="http://5b0988e595225.cdn.sohucs.com/images/20170922/b93b32e739e2403d964cdd5ee731af28.gif" style="position:absolute;width:1300px;height:863px;margin-left: -250px;" />
3. <div style="height:1000px;"></div>

复制代码

起个网名好难

所谓的宽幅大图指的是宽度超过 1000 甚至 1200的宽幅图片， 宽度小于1000的图片就不需要折腾了。
以 1# 的图片为例，它宽1574 高1000 ， 当然算的上宽幅大图了。分别解释代码中的几个必需的参数：
第一行里
position: absolute; 绝对定位，这个是图片“突破”发帖框必需的；
width: 1574px; 图片宽度，这个没什么好说的；
height：1000px；图片高度，这个没什么好说的；
margin-left: -387px; 这是图片要向左偏移的长度；它是这样计算的，宽度1574 > 1200 , 则 （1574 - 1200）/ 2 = 187, 再187 + 200 = 387， 因为是向左偏移所以该值应为负数， -387；
第三行只有一个参数 height：1080px; 这是为了补偿上面那高度而设的，比高度1000略大些就OK，如果没这行“回复”等按钮就会被遮盖住。


有兴趣的朋友可以以此帖内容去验证 2# 代码里的各参数。

咕咚来了

图片好像不居中，所以太偏左了。应该自我调整向左的数值？

老谟深虑

        感谢难难老师的指导，学习了！那个向左偏移的数值在不同论坛需要重新调整。

咕咚来了

起个网名好难

咕咚来了 发表于 2024-10-8 18:56
本帖最后由 咕咚来了 于 2024-10-8 19:07 编辑

宽1300的图片向左偏 250 或许好些

起个网名好难

老谟深虑 发表于 2024-10-8 18:56
感谢难难老师的指导，学习了！那个向左偏移的数值在不同论坛需要重新调整。
...

就这论坛要折腾，别的论坛没那么多事。

起个网名好难

咕咚来了 发表于 2024-10-8 18:53
图片好像不居中，所以太偏左了。应该自我调整向左的数值？

偏移的数字是个估算值，大差不差。

咕咚来了

起个网名好难 发表于 2024-10-8 19:09
就这论坛要折腾，别的论坛没那么多事。

top:100px,放在哪儿？