search

iblh / hexo-theme-material

Material Design theme for hexo.
https://iblh.github.io/material-demo/
GNU General Public License v3.0
4.03k stars 564 forks source link

文章内图片居中显示 #662

Open ronansparks opened 6 years ago

ronansparks commented 6 years ago

I certify that I have first consulted (check all with "x")

我确认我已经查看了 (使用 "x" 选择)

I'm submitting a (check one with "x")

我正在申请 (使用 "x" 选择)

文章中图片较多，一个个地在Markdown中设置居中很麻烦。 找不到设置文章正文图片的css属性，可否提供一次性设置整篇文章图片的样式设置？

VXenomac commented 5 years ago

遇到了同样的问题，之前都是采用 <div align=center></div> 来解决，当图片数量太多的时候这样子很不方便，而且在 Typora 中也无法直接预览。查阅 https://github.com/viosey/hexo-theme-material/issues/236#issue-212484133 之后发现可以在主题文件夹下的 source/css/style.min.css 中增加样式，我在 #post-content img 中加入了以下样式实现了图片居中：display:flex;justify-content:center;margin:0 auto;。