图片居中遇到了难题

Question

这是 markdown 转 html 的时候，对图片的转换，它会在 img 的外面加一个 p，如图所示。

现在我想实现图片居中，百度了下，网上的方法都是让父元素 text-align:center; ，但这是最要命的，img 的父元素是 p，而 p 里边也直接包着文章内容啊，这么一来，文章就全部居中了，我一下子找不到办法了。

希望有大兄弟能指教一下，先行谢过。文章链接：https://ethsonliu.com/2018/04...，拉到末尾就看到了。

Answer 1

你自己写的markdown　应该支持div的吧？

<div style="text-align:center"><img xxx /></div>

这样就不会再给你嵌套P了。
当然，最好的办法是在页面同一写这个东西，因为你每个文章页面都会展示这两个图。

Answer 2

这个可以使用自己站内使用 markdown 的话，可以配合 css 来解决问题。
之前在 肉老师 的博客中就有提到 给 Markdown 里的图片增加样式

但是如果是像类似在思否这样的第三方站点上的话，就要看她们的富文本编辑器是否支持居中，不然的话，只能自己写 html 配合行内样式来居中图片。

markdown 主要是用于文档快速排版，通过简单的标记语法，可以使普通文本内容具有一定的格式。
如果如果需要一些自定义的样式，就只能绕一绕了。

Answer 3

1. markdown 支持嵌入 html，所以，必要的时候就写 html
2. 利用 markdown 语法把图片放到一行里就行了
3. 如 2 楼所说，自己 hack css