东篱闲人 发表于 2022-11-27 20:05

江湖笑

本帖最后由 东篱闲人 于 2022-11-27 20:21 编辑 <br /><br /><br><br><br><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_10438164">
<div style="width:1100px;left:2px;position:relative;overflow:hidden;margin:100px 0 32px -200px;transform:scale(1.3);">
<video src="//img.tukuppt.com/video_show/2629112/00/01/45/5b43596e624d9.mp4" loop autoplay controls muted="muted" width='100%' ></video>
<img src="https://pic.imgdb.cn/item/6383533d16f2c2beb1f652f1.png" style="width:100%;height:100%;position:absolute;top:0;left:0">
</div><br><br></td></tr></table>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=186272&auto=1&height=66"></iframe>

马黑黑 发表于 2022-11-27 20:07

好制作。很赞。{:4_187:}

风吟 发表于 2022-11-27 20:19

哇，气势磅礴呀。

马黑黑 发表于 2022-11-27 20:19

我不知道你从哪里学到的定位帖子的办法，很妙，但居中没能弄好：

<div style="width:1100px;left:2px;position:relative;overflow:hidden;margin:100px 0 32px -200px;transform:scale(1.3);"> ...

帖子宽度是 1100px，然后你将父框扩大 1.3 倍（ransform:scale(1.3);），我不知道这种做法有木有必要，一般不建议这么做，自己需要多少的宽度就是多少，可根据底图尺寸设定，就是说，ransform:scale(1.3); 可以不要。

margin 部分和我最近推荐的帖子在论坛中水平居中的做法很像，但你的设置和我的不同，它应该是这么表达：

    margin: 100px 0 0 calc(50% - (父元素宽度的一半 + 81)px);

以你帖子的宽度 1100px 为例，上面的表达式是酱紫：

    margin: 100px 0 0 calc(50% - 631px);

这样它就能水平居中。其中，calc(50% - 631px) 是CSS算式，括号里的运算符两头必须有空格。

东篱闲人 发表于 2022-11-27 20:26

马黑黑 发表于 2022-11-27 20:07
好制作。很赞。

江湖，走起。。。。{:5_117:}

东篱闲人 发表于 2022-11-27 20:26

风吟 发表于 2022-11-27 20:19
哇，气势磅礴呀。

嗯嗯，冲出江湖。。。。{:5_112:}

马黑黑 发表于 2022-11-27 20:26

东篱闲人 发表于 2022-11-27 20:26
江湖，走起。。。。

{:4_191:}

东篱闲人 发表于 2022-11-27 20:27

马黑黑 发表于 2022-11-27 20:19
我不知道你从哪里学到的定位帖子的办法，很妙，但居中没能弄好：

...


东拼西凑的。。。{:5_117:}

东篱闲人 发表于 2022-11-27 20:27

马黑黑 发表于 2022-11-27 20:19
我不知道你从哪里学到的定位帖子的办法，很妙，但居中没能弄好：

...


你给俺改一下。。

马黑黑 发表于 2022-11-27 20:28

东篱闲人 发表于 2022-11-27 20:27
东拼西凑的。。。
要有清晰的计算逻辑。你再体会体会地板楼上我的解释

马黑黑 发表于 2022-11-27 20:29

东篱闲人 发表于 2022-11-27 20:27
你给俺改一下。。

我没权限。你按我给的说法做做

东篱闲人 发表于 2022-11-27 20:34

马黑黑 发表于 2022-11-27 20:29
我没权限。你按我给的说法做做

{:4_181:}

东篱闲人 发表于 2022-11-27 20:42

马黑黑 发表于 2022-11-27 20:28
要有清晰的计算逻辑。你再体会体会地板楼上我的解释

计算不会，只能东拼西凑代码，然后看显示效果，其实不懂代码。。。。{:5_102:}

梦缘 发表于 2022-11-27 20:51

好漂亮的图，感谢老师的分享！{:4_185:}

马黑黑 发表于 2022-11-27 21:15

东篱闲人 发表于 2022-11-27 20:42
计算不会，只能东拼西凑代码，然后看显示效果，其实不懂代码。。。。

不需要全懂，懂该懂的就好

马黑黑 发表于 2022-11-27 21:16

东篱闲人 发表于 2022-11-27 20:34


不难的

千羽 发表于 2022-11-27 21:56

有风云突变的感觉，那飘飞的云朵加的好{:4_187:}

公子的手有点异样呢，爪子？{:4_173:}

东篱闲人 发表于 2022-11-27 22:03

马黑黑 发表于 2022-11-27 21:15
不需要全懂，懂该懂的就好

俺努力。。。{:5_154:}

东篱闲人 发表于 2022-11-27 22:03

千羽 发表于 2022-11-27 21:56
有风云突变的感觉，那飘飞的云朵加的好

公子的手有点异样呢，爪子？

新型武器。。。。{:5_117:}

马黑黑 发表于 2022-11-27 22:21

东篱闲人 发表于 2022-11-27 22:03
俺努力。。。

{:4_181:}
页: [1] 2
查看完整版本: 江湖笑