彩风:修订间差异
来自RIA | Wiki
更多操作
Elernal cy(留言 | 贡献) |
Elernal cy(留言 | 贡献) 无编辑摘要 |
||
| 第59行: | 第59行: | ||
=== 建设人员 === | === 建设人员 === | ||
<div style="width:100%; margin:1em | <div style="width:100%; margin:2em 0 1em; position:relative; box-sizing:border-box;"> | ||
<!-- | |||
<div style=" | <!-- 闽南建筑剪影:70%外露,30%叠在标题栏上 --> | ||
<div style=" | <div style="width:100%; text-align:center; position:relative; z-index:2;"> | ||
[[文件:标志测试.svg|居中|80x80像素|闽南古厝燕尾脊]] | |||
</div> | </div> | ||
</div> | |||
<!-- 超薄红色标题栏:只包住标题,被剪影叠30% --> | |||
<div style="position:absolute; left:0; right:0; top:70%; transform:translateY(-30%); | |||
background:#D92121; text-align:center; | |||
padding:4px 10px; border:2px solid #B81010; border-bottom:none; | |||
z-index:1; overflow:visible;"> | |||
<!-- 标题纯白居中,无背景无框 --> | |||
<span style="color:#fff !important; font-size:18px; font-weight:bold; line-height:1.1;"> | |||
全境建筑一览 | |||
</span> | |||
</div> | |||
<!-- 内容外框:整页宽、左文右图 --> | |||
<div style="border:2px solid #B81010; border-top:none; | |||
background:#FFF1F1; overflow:hidden; margin-top:0;"> | |||
<div style="display:flex; flex-wrap:wrap;"> | |||
<!-- 左侧文字区 --> | |||
<div style="flex:1; padding:20px 24px; line-height:1.7; color:#333; min-width:320px;"> | |||
正文内容,宽度自动撑满、高度自由伸缩。 | |||
</div> | |||
<!-- 右侧长方形图位 --> | |||
<div style="width:200px; padding:16px; text-align:center; background:#fce5e5;"> | |||
[[File:右侧长方形图片|180px|居中|示例图]] | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||



