测试：修订间差异

来自SOKA CAFE
可视化wikitext
小
小
第1行： 第1行：
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自适应轮播图</title>
    <style>
        /* 容器：图片+文字横向排列 */
        .header-container {
            display: flex;
            align-items: center;
            justify-content: center; /* 整体居中 */
            gap: 20px; /* 图片和文字的间距 */
            margin: 20px 0;
            flex-wrap: wrap; /* 小屏幕自动换行 */
        }
        /* 锁定图片尺寸为100x100px */
        .header-logo {
            width: 100px;
            height: 100px;
            overflow: hidden;
        }
        .header-logo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        /* 文字区域 */
        .text-area {
            text-align: left; /* 文字左对齐（和示例图一致） */
        }
        /* 标题样式 */
        .main-title {
            font-size: min(4vw, 26px);
            font-family: serif;
            font-weight: bold;
        }
        .sub-title {
            font-size: min(3vw, 18px);
            margin-top: 10px;
            font-style: italic;
        }
    </style>
</head>
<body>
    <div class="header-container">
        <!-- 图片部分 -->
        <div class="header-logo">
            <img src="https://soka.cafe/Special:FilePath/Soka Cafe Favicon.png" alt="SOKA CAFE 标志">
        </div>
        <!-- 文字部分 -->
        <div class="text-area">
            <div class="main-title">SOKA CAFE「エア本 </div>
            <div class="sub-title">頭</div>
        </div>
    </div>
</body>
</html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自适应轮播图</title>
    <style>
        /* 容器：图片+文字横向排列（强制图片在左） */
        .header-container {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px; /* 图片和文字的间距 */
            margin: 20px 0;
            flex-direction: row; /* 强制横向排列 */
        }
        /* 锁定图片尺寸为100x100px */
        .header-logo {
            width: 100px;
            height: 100px;
            overflow: hidden;
            flex-shrink: 0; /* 防止图片被压缩 */
        }
        .header-logo img {
            width: 100%;
            height: 100%;
            object-fit: contain; /* 保持图片完整显示 */
        }
        /* 文字区域样式（两句话垂直排列） */
        .text-area {
            display: flex;
            flex-direction: column;
            gap: 5px; /* 两句话的间距 */
        }
        /* 标题样式（匹配示例图字体） */
        .main-title {
            font-size: 22px;
            font-weight: bold;
            color: #000;
            font-family: sans-serif;
        }
        .sub-title {
            font-size: 16px;
            color: #555;
            font-family: sans-serif;
        }
        /* 小屏幕适配（保持图片在左，文字换行） */
        @media (max-width: 768px) {
            .header-container {
                flex-direction: row;
                flex-wrap: wrap;
                text-align: left;
            }
        }
    </style>
</head>
<body>
    <!-- 图片+文字容器 -->
    <div class="header-container">
        <!-- 图片（维基文件路径） -->
        <div class="header-logo">
            <img src="https://soka.cafe/Special:FilePath/Soka Cafe Favicon.png" alt="SOKA CAFE标志">
        </div>
        <!-- 文字区域（两句话垂直排列） -->
        <div class="text-area">
            <div class="main-title">— SOKA CAFE —「エア本中文维基」</div>
            <div class="sub-title">頭がパーン@wiki_CHN：中華エア本支部 ▼</div>
        </div>
    </div>
</body>
</html>
<div style="width: 100%; max-width: 800px; margin: 0 auto !important; text-align: center; padding: 0 15px; box-sizing: border-box;">
<div style="width: 100%; max-width: 800px; margin: 0 auto !important; text-align: center; padding: 0 15px; box-sizing: border-box;">
     <div style="display: flex; align-items: center; justify-content: center; gap: 20px; font-family: {{{字体|serif}}}; width: 100%;">
     <div style="display: flex; align-items: center; justify-content: center; gap: 20px; font-family: {{{字体|serif}}}; width: 100%;">

2026年1月30日 (五) 16:50的版本

自适应轮播图

SOKA CAFE「エア本
頭



自适应轮播图

— SOKA CAFE —「エア本中文维基」
頭がパーン@wiki_CHN：中華エア本支部 ▼


— SOKA CAFE — 「エア本中文维基」
頭がパーン@wiki_CHN：中華エア本支部 ▼
頭がパーン@wiki_CHN：中華エア本支部 ▲
◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织，进行讨论、研究和二次创作的公益性交流论坛维基百科网站。
◆ 本站点仅作记录和展示由宗教及相关人物衍生出的亚文化，非正式宗教维基，请注意！
◆ 本站点致力于营造和谐的社区环境，并热烈期待和欢迎任何人参与建设我们的网站！
◆ 本站点中所遇到的任何问题，均可通过下方信息联系我们。让我们一起共同来建设SOKA CAFE吧！
「よく来たわね、いらしゃい。」

本站点当前已有98个条目，3,154次编辑，2个活跃成员，上传了758个文件


自适应轮播图


Archive
📚 资料与档案
    • Creation
    🪶 术语与二创
    • Schedule
    🗓︎ 日程参照
    Question

    🧐 常见问题

    “创价学会”是什么？
    “久本雅美”是谁？
    “创价精神污染”是怎么个事？
    “五位数”是啥？为何颇具争议？

    Create

    💻 创建页面

    感谢您对SOKA CAFE的编辑贡献！但也请在过程中务必依照创作协议及版权，遵循CC BY-SA 3.0协议！

    准备好了？来尝试创建页面吧！
     
    Trivia

    ❓ 你知道吗

    「谁」是创价学会最神秘的男子?
    「谁」对自己年龄格外地在意?
    「谁」只因一顿就饭拐进了创价学会?

    Notice

    ⚠️ 入站须知

    Soka Cafe一直是一个合作性、公益性的网站，我们致力于营造和谐的社区环境，并热情地欢迎任何人参与我们之间的创作，不论您的信仰、外表、地域.... 为了打造一个和谐的、无骚扰的社区环境，请通读入站须知，了解网站的性质及规则。

    Plan

    📄 任务计划

    Soka Cafe的基本底层已大体完确！ 现在的最紧要的人物是登场作品分区的规范及完成度！这对创学新人入坑的帮助极其重要！ 没有相关技术不要紧，请使用“可视化编辑器”来进行编辑！如果有任何技术问题请在页面下方获取我们的联系方式！

    Website

    🛜 友情站点

    日本创价学会Wiki
    旧创价学会中文维基
    亚文化维基
    Cookie☆Wiki
    新哲学维基
    旧哲学维基
    潮学维基
    中文音MAD维基
    OTOMAD Libraries
    Aira软件库
    HUIJIA FUN - Plurimod学生会官方站点

    Contact

    📞 联系我们

    本站点以八叶莲华会社的名义设立，我们是中华阵营活跃的最大创价学会二创主题团体，欢迎各位对音MAD或AIR本文化感兴趣的各位加入我们团体！
    八叶莲华会社QQ群聊：3681760584
    八叶莲华会社QQ频道
    八叶莲华会社Discord频道
    前创价中文维基 群聊：1150098641
    创价学会资源QQ群：256770365

    取自“https://soka.cafe/index.php?title=测试&oldid=3118”