首页
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
错位并列双图简约简洁基础商务职场
美化源代码
复制源代码
源代码
<section style="margin:10px 0px;"><section style="display:flex;flex-flow:row;margin:0 auto;width:100%;padding:0;box-sizing:border-box"><section style="width:50%;"><section style="display:flex;flex-flow:row;margin:0 2.5px 0 0;padding:0 10px 10px 0;box-sizing:border-box"><section style="width:3px;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"><section style="display:flex;background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"></section></section><section style="display:inline-flex;flex:1;flex-flow:column;margin:0 0 0 -3px;padding:0;box-sizing:border-box"><section style="display:flex;width:100%;height:3px;margin:0;padding:0;z-index:1;box-sizing:border-box"><section style="display:flex;background:#000;width:100%;height:3px;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"></section></section><section style="display:flex;width:100%;margin:-3px 0 0;transform:translate(10px,10px);padding:0;overflow:hidden;flex-flow:column;box-sizing:border-box"><img src="https://cdn.file.mixinnet.cn/htmlImg/44f095aade1316514c4e7e737d1c0624.png" style="vertical-align: bottom; display: inline-block; width: 100%; height: auto;" title="undefined" alt="undefined" data-brush="img" data-copyrighted="6582"></section><section style="display:flex;width:100%;height:3px;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"><section style="display:flex;background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"></section></section></section><section style="display:flex;width:3px;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"><section style="display:flex;background:#000;flex-shrink:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"></section></section></section></section><section style="width:50%;"><section style="display:flex;flex-flow:row;margin:0 0 0 2.5px;padding:0 10px 10px 0;box-sizing:border-box"><section style="width:3px;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"><section style="display:flex;background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"></section></section><section style="display:inline-flex;flex:1;flex-flow:column;margin:0 0 0 -3px;padding:0;box-sizing:border-box"><section style="display:flex;width:100%;height:3px;margin:0;padding:0;z-index:1;box-sizing:border-box"><section style="display:flex;background:#000;width:100%;height:3px;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"></section></section><section style="display:flex;width:100%;margin:-3px 0 0;transform:translate(10px,10px);padding:0;overflow:hidden;flex-flow:column;box-sizing:border-box"><img src="https://cdn.file.mixinnet.cn/htmlImg/d40ef0c02947225e8e32a76ef51a2442.png" style="vertical-align: bottom; display: inline-block; width: 100%; height: auto;" title="undefined" alt="undefined" data-brush="img" data-copyrighted="6582"></section><section style="display:flex;width:100%;height:3px;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"><section style="display:flex;background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"></section></section></section><section style="display:flex;width:3px;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"><section style="display:flex;background:#000;flex-shrink:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;z-index:1;box-sizing:border-box"></section></section></section></section></section></section>
可视化
