公众号模版：模版3 - 问答模式

公众号「点击显答案」生成器

题目 1对“人生一波三折” 有什么看法？答案（支持换行）“好便宜，便宜到我都想哭了。”

整体预览（点击可测试效果）：

01

对“人生一波三折”<br>有什么看法？

👇 点击下方空白处获得答案 👁️

“好便宜，便宜到我都想哭了。”

公众号 HTML 源码（复制到源代码模式）：

<section style="position:relative; padding:25px; margin:25px auto; max-width:600px; width:90%; background:#fff; text-align:center; font-family:-apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; border:1px solid #f8caca; border-radius:10px;"> <section style="position:absolute; top:-12px; left:20px; background:#8EC965; color:#fff; font-weight:bold; padding:4px 10px; border-radius:4px; font-size:16px;">01</section> <img src="https://mmbiz.qpic.cn/mmbiz_png/vbAy22U8gukJgXHpI3S2X5CJsn9NcHfQXu7d5EjD8ln6BoDGhJm5Ms1PB0mib85ic0WoNrXgecZVuJ0WK3YY1uPw/0?wx_fmt=png" alt="★" style="position:absolute; top:-8px; right:10px; width:22px; height:22px;"> <section style="font-size:20px; line-height:1.6; margin:40px 0 25px;">对“人生一波三折”<br>有什么看法？</section> <section style=" border:2px solid #eee; border-radius:12px;padding:15px; margin:0 auto ; width:85%;cursor:pointer;color:#999; font-size:18px;color:#999;">👇 点击下方空白处获得答案 👁️</section> <section style="position:relative; min-height:60px; display:flex; align-items:center; justify-content:center;"> <section style="font-size:18px;font-weight:bold; color:#333; z-index:1; padding:10px; line-height:1.5;">“好便宜，便宜到我都想哭了。”</section> <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" style="position:absolute; top:0; left:0; z-index:2;"> <rect width="100%" height="100%" fill="#ffffff" opacity="1"></rect> <animate attributeName="opacity" begin="click" from="1" to="0" dur="0.1s" fill="freeze"></animate> </svg> </section> </section>