Typecho 文章图片居中实现
Typecho默认情况下使用的是MarkDown编辑器,所以大部分主题也都没有去实现文章中图片居中,就TypechoWiki写主题至今遇到的需要将图片居中的需求仍然不明显,不过仍然有少部分人可能需要到这个,我这里给出一个自己的做法,就是通过主题CSS样式表来实现文章图片的居中,在你的主题目录下的style.css中添加以下代码,具体看下面代码:
#post img {
margin:0 auto;
display:block;
}
上面的#post替换为你的文章div标签的id或者相应的class。
扩展:
这里只是简单的实现了图片居中,但这个方法有个缺点就是,如果有些图片比如图标之类的,你可能不想居中,就没有办法了,最好的办法是通过function中的定义函数然后正则过滤出相应的图片去处理。
或者直接通过硬代码方式【不推荐】解决这个问题,比如插入图片:
/!!!
<div align="center"></img src="xxxxxx"/></div>
/!!!
去掉上面代码中的所有反斜杠。
广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,Typecho.Wiki所有文章均包含本声明。