Obsidianの画像位置を制御する

以下のcssを当てる

code:style.css

/*image*/

div:has(>imgalt*="center"){

text-align:center

}

div:has(>imgalt*="right"){

text-align:right

}

div:has(>imgalt*="left"){

text-align:left

}

画像ファイルを埋め込む際に#で位置を制御できるようになる

code:sample.md

!owl.png#center

!owl.png#right

!owl.png#left

https://gyazo.com/7ae53ad45d1bee745d3064e464c65ef2

https://gyazo.com/8340dc99ef0a2053aca91a1d22e5242a

code:sample.html

<div class="internal-embed media-embed image-embed is-loaded" tabindex="-1" src="owl.png#right" alt="owl.png > right" contenteditable="false"><img alt="owl.png > right" src="app://d033079ee7c5b59ca78d13b950257281962f/Users/Tadanori/Library/CloudStorage/Dropbox/textbox_node/local/data/assets/owl.png?1609403138000"></div>

#hogeを付与すると、imgのalt属性にhogeが付与されるのを利用している

#Obsidianの使い方