图片横向排列

[15323505154]

css样式:

.container {
    display: flex;
    justify-content: space-between;
    width: 100%; /* 根据实际情况调整 */
    padding: 5px;
}

.image {
    flex: 1;
    margin: 5px;
}

.image img {
    width: 100%;
    height: auto;
}

并排例子:

<div class="container"><div class="image" align="center"><a title=第一张图标题><img src=第一张图链接 style=“zoom:80%;border-radius:8px;”></a><span style="font-size:12px;color:#339af0;">第一张图标题</span></div><div class="image" align="center"><a title=第二张图标题><img src=第二张图链接 style=“zoom:80%;border-radius:8px;”></a><span style="font-size:12px;color:#339af0;">第二张图标题</span></div><div class="image" align="center"><a title=第三张图标题><img src=第三张图链接 style=“zoom:80%;border-radius:8px;”></a><span style="font-size:12px;color:#339af0;">第三张图标题</span></div></div>

显示效果:

[SimonVinci (Simon)]

不想折腾 css、不在意引入新语法，也可以用 Columns 插件来实现~ : )

Obsidian column - Github

[suxiang999]

插一嘴，我是用表格排版

感谢分享！

[15323505154]

你这怎么搞的，用的啥插件

[suxiang999]

我是用obsidian自带的表格功能 ，目前不太合适的是，表格默认的竖线和横线不太好看，这个问题应该不大，通过css可解决。