彩风:修订间差异
来自RIA | Wiki
更多操作
Elernal cy(留言 | 贡献) 无编辑摘要 |
Elernal cy(留言 | 贡献) 无编辑摘要 |
||
| 第60行: | 第60行: | ||
=== 全境及其建筑介绍 === | === 全境及其建筑介绍 === | ||
<div style="margin:1em | <!-- 整页宽 · 闽南红剪影标题框(最终优化版) --> | ||
<!-- | <div style="width:100%; margin:1em 0; border:2px solid #B81010; border-radius:4px; overflow:hidden; box-sizing:border-box;"> | ||
<div style="background:#D92121; text-align:center; padding:16px | |||
[[File:闽南建筑剪影-纯色背影.svg|120px|center| | <!-- 顶部:红色Logo区(Logo + 白色标题 垂直居中) --> | ||
<div style="background:#D92121; text-align:center; padding:20px 16px;"> | |||
<!-- 闽南建筑纯色背影剪影 --> | |||
[[File:闽南建筑剪影-纯色背影.svg|120px|center|闽南古厝燕尾脊]] | |||
<!-- 标题:Logo下方、白色字体 --> | |||
<div style="font-size:22px; font-weight:bold; color:#ffffff; margin-top:8px;"> | |||
这里填写标题文字 | |||
</div> | |||
</div> | </div> | ||
<!-- | |||
<div style="background:#FFF1F1; padding: | <!-- 下半部分:左右布局(左文字、右长方形图) --> | ||
<div style="display:flex; flex-wrap:wrap; background:#FFF1F1;"> | |||
<!-- 左侧:文字区域(自动占满剩余宽度,自由伸缩) --> | |||
<div style="flex:1; padding:20px 24px; line-height:1.7; color:#333; min-width:300px;"> | |||
这里填写正文内容,宽度会自动撑满,高度随文字自由伸缩。 | |||
</div> | |||
<!-- 右侧:长方形图片位(固定区域,直接放图) --> | |||
<div style="width:200px; padding:16px; text-align:center; background:#fce5e5;"> | |||
[[File:右侧长方形图片.jpg|180px|居中|示例图]] | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||



