TYPECHO WIKI
每一个作品都值得被记录

Typecho 文章图片居中实现

Typecho维基君Typecho教程 • 2157次浏览 • 发布 2018-07-17 • 更新 2018-07-17

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所有文章均包含本声明。
厂商投放

【腾讯云】🎉五一云上盛惠!云服务器99元/月续费同价!

腾讯云五一劳动节海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!

广告
添加新评论 »