Text-Image Shortcode 使用演示

基本用法 - 左边文字，右边图片

水文监测系统

实时监测水位、流量、降雨等水文要素，为防汛抗旱、水资源管理提供科学数据支撑。通过先进的传感器技术和物联网技术，构建全面的水文监测网络。

反转布局 - 左边图片，右边文字

大坝安全监测系统

全面监测大坝变形、渗流、应力等安全指标，确保大坝运行安全，预防安全事故发生。采用多种监测手段，实现24小时不间断监控。

带链接的版本

山洪灾害预警系统

基于降雨监测和预报，及时发布山洪预警信息，保障人民生命财产安全。结合气象数据和地形分析，提供精准的预警服务。

自定义图片尺寸

桥梁隧道监测系统

监测桥梁隧道结构健康状态，及时发现安全隐患，延长基础设施使用寿命。

参数说明

text-image 参数

• image: 图片路径（必需）
• title: 标题（可选）
• description: 描述文字（可选，支持 Markdown）
• image-size: 图片最大尺寸，默认为 300px
• reverse: 是否反转布局（右边文字，左边图片），设置为 “true” 启用
• link: 可选的链接地址
• alt: 图片alt属性，默认使用title

响应式行为

• 手机屏幕 (< 768px): 垂直堆叠，图片在上，文字在下
• 平板及以上 (≥ 768px): 水平排列，占据整行宽度
• 图片自动适应容器大小，保持比例