TYPECHO WIKI

Typecho 文章图片居中实现

Typecho维基君开发日志 • 1430次浏览 • 发布 2018-07-17 • 更新 2018-07-17
极致加速的V2Ray 助您畅享全球网络

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
厂商投放

【腾讯云】爆款2核2G云服务器首年40元 企业首购最高获赠300元京东卡

腾讯云新春采购节,云服务器多种机型限时抢购,2核2G首年40元,4核8G首年211元,专业技术7*24小时在线服务,腾讯云为企业和个人提供快捷,安全,稳定的云服务!

广告
添加新评论 »