现在的问题
- 不像做成组件之前那样可以支持多个span的插入，可以使用flex的wrap功能确保排版，避免了换行的机械化问题；现在换行只能在同一个div内部换行
本组件可以用于页面里对有logo的站点、部门、GoI、机动特遣队等信息的排版展示。
使用方法
把以下代码单独成行放置于你的页面源代码中以使用本组件：
[[include :area-cn-02:component:site-info |start=--]
|logo=logo图片链接
|title=正标题，如站点名称等，可添加多行
|subtitle=副标题，如一句话标语等，可添加多行
]]
描述部分的内容（适用所有正常Wikidot语法）
[[include :area-cn-02:component:site-info |end=--]]]
描述里可以插入这个特殊格式，字会比较大，通常用于描述其它项目。例如：
[[div class="info"]]
**所在地：**地点
**掩盖设施：**设施
[[/div]]
当然也可以不用，只用一般的wikidot代码排版，比如[[size]]之类。
效果展示
本组件在不同屏幕宽度上排版方式不同，电脑端是左右两栏，logo位于左侧；移动端是上下两栏，logo在上面。
代码
[[include :area-cn-02:component:site-info |start=--]
|logo= https://scpsandboxcn.wikidot.com/local--files/collab:site-cn-96/site-cn-96-new.svg
|title= Site-CN-96
|subtitle= 工业，民俗，历史
]]
[[div class="info"]]
**所在地：**黑龙江省大庆市
**掩盖设施：**石油勘探开发研究院
[[/div]]
第96号站点是东北地区主要站点之一，职责是对该地区的部分异常进行收容，并负责生产石油天然气等化工能源以供给全中国分部，以作为战略资源储备站使用。同时，本站为历史复原部、异常工业部总部。
本站专精于经典异常理论（奇术，生物，模因等）以及机器类，宗教民俗类与历史类异常。善于通过文献考据、考古技术与帷幕内科技，实现对于某历史物品或场景的大致重现，对异常进行溯源工作。
[[include :area-cn-02:component:site-info |end=--]]]
效果
Site-CN-96
工业，民俗，历史
所在地：黑龙江省大庆市
掩盖设施：石油勘探开发研究院
第96号站点是东北地区主要站点之一，职责是对该地区的部分异常进行收容，并负责生产石油天然气等化工能源以供给全中国分部，以作为战略资源储备站使用。同时，本站为历史复原部、异常工业部总部。
本站专精于经典异常理论（奇术，生物，模因等）以及机器类，宗教民俗类与历史类异常。善于通过文献考据、考古技术与帷幕内科技，实现对于某历史物品或场景的大致重现，对异常进行溯源工作。
代码
[[include :area-cn-02:component:site-info |start=--]
|logo= https://area-cn-02.wikidot.com/local--files/main/yichou-02.svg
|title= 乙丑-02“相灭相生”
|subtitle= 二律背反，此消彼长。魔高一尺，道高一丈。
]]
[[div class="info"]]
**人数：**[已编辑]
**特遣队任务：**负责处理现实扭曲相关异常。
[[/div]]
乙丑-02拥有多种重型武器和先进设备，专精于反制打击具有现实扭曲类能力的敌对实体和组织。在其早期的战术摸索阶段，曾经发生过一次严重事故，导致队伍人员损失接近三分之一。此后，本队改变了战斗风格，从主要以火力压制转向精巧的谋划和利用科技设备奇袭，大大降低了伤亡率。
[[include :area-cn-02:component:site-info |end=--]]]
效果
乙丑-02“相灭相生”
二律背反，此消彼长。魔高一尺，道高一丈。
人数：[已编辑]
特遣队任务：负责处理现实扭曲相关异常。
乙丑-02拥有多种重型武器和先进设备，专精于反制打击具有现实扭曲类能力的敌对实体和组织。在其早期的战术摸索阶段，曾经发生过一次严重事故，导致队伍人员损失接近三分之一。此后，本队改变了战斗风格，从主要以火力压制转向精巧的谋划和利用科技设备奇袭，大大降低了伤亡率。