https://example.org/tags/image/Recent content in Image on LutpulHugozh-cnMon, 19 Oct 2026 12:00:00 +0800https://example.org/posts/images/Mon, 19 Oct 2026 12:00:00 +0800https://example.org/posts/images/<p>下面几张图用来试图片的几种摆法：独占一段、和文字同段、两张并排、超宽、竖图、放在列表里，最后是 88×31 的小徽章。</p> <h2 id="独占一段">独占一段</h2> <p><img src="photo-wide.jpg" alt="宽图，独占一段"></p> <p>上面这张是段落里唯一的内容，所以有下沉的边框和浅蓝底。</p> <h2 id="和文字同一段">和文字同一段</h2> <p>这是文字，<img src="photo-square.jpg" alt=""> 中间插一张小图，后面还有文字。行内图片不加边框，跟着文字走。</p> <h2 id="两张并排">两张并排</h2> <p><img src="photo-square.jpg" alt=""> <img src="https://example.org/images/photo-tall.jpg" alt=""></p> <h2 id="竖图">竖图</h2> <p><img src="https://example.org/images/photo-tall.jpg" alt="竖图"></p> <h2 id="放在列表里">放在列表里</h2> <ul> <li> <p>第一项，配一张图：</p> <p><img src="photo-square.jpg" alt="列表里的图"></p> </li> <li> <p>第二项，没有图</p> </li> <li> <p>第三项，也没有</p> </li> </ul> <h2 id="徽章">徽章</h2> <p><img src="https://example.org/images/badge.png" alt="88×31 徽章"></p> <h2 id="图在链接里">图在链接里</h2> <p><a href="photo-wide.jpg"><img src="photo-square.jpg" alt="可点击的图"></a></p> <p>点上面的图会打开大图。</p>