markdown.css 让 HTML 显示成 markdown plain text 一样

[weakish]

看到一个好玩的 markdown.css http://segmentfault.com/a/1190000000487062 通过 CSS 让 HTML 显示成 markdown plain text。

效果非常赞。几乎是纯 markdown 样式。除了图片（我开始以为是作者觉得图片显示成  的格式很蛋疼，后来才发现是只有 opera 支持 img 标签的 before after 伪类，其他浏览器都不支持，因为作者追求纯 CSS 实现，所以就没转图片

嗯，用 markdown 写东西，然后转成 HTML，再用这个 markdown.css “转回来”，实在是有(zhen)逼(dan)格(teng）～

[jakwings]

img { display: inline-block; } 就可以支持 ::before 和 ::after 了吧？

[jakwings]

@jakwings 啊，不对，貌似不加 inline-block 就可以用伪元素了。不知道他为什么非要那样。

[jakwings]

才发现是一年前的东西，估计是 CSS 引擎又有变化了……

[jakwings]

img { content: "" } 就可以解决 webkit 引擎的问题。

[linuxer]

@jakwings 是我穿越了吗？这个 ‘img:after’ 好几年前就被 Firefox 等浏览器支持了（那时 Chrome 都还未出生）。

[jakwings]

@linuxer 应该不是支持不支持的问题吧，而是伪元素的内容是否会显示出来。

[weakish]

原来 `img {content: ""}` + 去掉 inline-block！ @jakwings 赞！