梦江南 发表于 2025-10-29 09:04

大家早上好

本帖最后由 梦江南 于 2025-10-29 11:36 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/tz/tz.css?v1';
        .wz {
                color: navy;
                background: url('https://upfile.mp3.wf/view.php/6005076a2e945af7deb10ac28b8de949.png') no-repeat 0 0/100% 100%;
        }

.wzh2 { font-size: 30px; }
        #player { height: 80px; }
        #progress { height: 40px; }
</style>

<div id='wz' class="wz"></div>

<script type="module">
        import TZ from 'https://638183.freep.cn/638183/web/tz/tz.min.js';
        const tz = TZ.TZ(wz);

        const text = `
<h2 class="tMid">大家早上好</h2>
<p class="tMid">开心每一天</p>
<p class="tMid"><img width="280" src="https://upfile.mp3.wf/view.php/6fd71afa5185799cb4ef699730f5ab84.gif" alt="" /></p>
                                                            <p class="tMid">    踏着秋露送平安，</p>
                                                            <p class="tMid">    带着快乐送吉祥，</p>
                                                               <p class="tMid">   天气转凉送健康，</p>
                                                               <p class="tMid">清晨问候送署光，</p>
                                                                <p class="tMid"> 愿你时时都 好运，</p>
                                                               <p class="tMid">愿你天天都健康。</p>
                                                               <p class="tMid">一生欢喜，一生无恙。 </p>
<p class='tRight'>二〇二五年十月二十九日</p>
<div id="player" class="tMid"></div>
<div id="progress" class="gMid"></div>
`;

        tz.text(text, wz);
        tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=290546.MP3'});
        tz.add('img', '','rot-ani', {
                src: 'https://638183.freep.cn/638183/small/snow.webp',
                style: 'width: 80px',
                alt: '小播'
        }).to(player).playmp3();
        tz.bgprog().to(progress);

</script>

梦油 发表于 2025-10-29 09:54

祝江南重阳节快乐！

梦江南 发表于 2025-10-29 10:13

梦油 发表于 2025-10-29 09:54
祝江南重阳节快乐！

问好梦油，祝重阳节快乐！

子楹。 发表于 2025-10-29 10:19

早上好平安喜乐

朵拉 发表于 2025-10-29 10:21

问好江南老师，重阳节快乐{:4_204:}

朵拉 发表于 2025-10-29 10:22

梦油 发表于 2025-10-29 09:54
祝江南重阳节快乐！

问好梦油老师，重阳节快乐{:4_204:}

梦江南 发表于 2025-10-29 10:34

子楹。 发表于 2025-10-29 10:19
早上好平安喜乐

问好子楹。新朋友，谢谢分享，祝重阳节快乐！

也曾年轻 发表于 2025-10-29 10:59

      .wz p:not(.tMid):not(.tRight) { text-indent: 4em; }
        .wz p.tMid, .wz p.tRight, .wz p.gMid {
    text-indent: 0em;
}
这两个任选一个就足够了。具体到您这帖这两条都不需要。

梦江南 发表于 2025-10-29 11:27

朵拉 发表于 2025-10-29 10:21
问好江南老师，重阳节快乐

问好朵拉，祝你重阳节快乐！{:4_187:}

梦江南 发表于 2025-10-29 11:30

也曾年轻 发表于 2025-10-29 10:59
.wz p:not(.tMid):not(.tRight) { text-indent: 4em; }
        .wz p.tMid, .wz p.tRight, .wz p.gMid { ...

我想怎么把诗句居中，这样操作可以吗？

梦江南 发表于 2025-10-29 11:38

也曾年轻 发表于 2025-10-29 10:59
.wz p:not(.tMid):not(.tRight) { text-indent: 4em; }
        .wz p.tMid, .wz p.tRight, .wz p.gMid { ...

二个不要标题字就小了，还是要一个的。

梦江南 发表于 2025-10-29 11:39

也曾年轻 发表于 2025-10-29 10:59
.wz p:not(.tMid):not(.tRight) { text-indent: 4em; }
        .wz p.tMid, .wz p.tRight, .wz p.gMid { ...

祝老师重阳节快乐！

也曾年轻 发表于 2025-10-29 11:55

梦江南 发表于 2025-10-29 11:30
我想怎么把诗句居中，这样操作可以吗？

这些设置都是要让文本段落不居中，这帖是需要居中当然它们就是多余的了。

也曾年轻 发表于 2025-10-29 11:57

梦江南 发表于 2025-10-29 11:38
二个不要标题字就小了，还是要一个的。

这些与标题无关吧。

也曾年轻 发表于 2025-10-29 12:02

梦江南 发表于 2025-10-29 11:39
祝老师重阳节快乐！

https://pic1.zhimg.com/v2-44f7ec7ec5500f78e95c554c5e383410_r.jpg

梦江南 发表于 2025-10-29 12:06

也曾年轻 发表于 2025-10-29 11:55
这些设置都是要让文本段落不居中，这帖是需要居中当然它们就是多余的了。

这帖是要把诗句居中，

梦江南 发表于 2025-10-29 12:10

也曾年轻 发表于 2025-10-29 11:57
这些与标题无关吧。

试过了去掉二条，最上面的标题字就变小了，后来就去掉一条，最上面标题字就变大了。
以后，文章就按照原来的代码，诗句就按现在的来做。

也曾年轻 发表于 2025-10-29 12:31

梦江南 发表于 2025-10-29 12:10
试过了去掉二条，最上面的标题字就变小了，后来就去掉一条，最上面标题字就变大了。
以后，文章就按照原 ...

对这帖来说留着无害但无用

梦江南 发表于 2025-10-29 12:45

也曾年轻 发表于 2025-10-29 12:31
对这帖来说留着无害但无用

以后就看帖子内容而定吧。

澜天 发表于 2025-10-29 12:46

大家节日快乐
{:4_204:}
页: [1] 2
查看完整版本: 大家早上好