VPS推荐
黑科技服务推荐

Typecho 文章图片居中实现

Typecho默认情况下使用的是MarkDown编辑器,所以大部分主题也都没有去实现文章中图片居中,就TypechoTips写主题至今遇到的需要将图片居中的需求仍然不明显,不过仍然有少部分人可能需要到这个,我这里给出一个自己的做法,就是通过主题CSS样式表来实现文章图片的居中,在你的主题目录下的style.css中添加以下代码,具体看下面代码:

#post img {
margin:0 auto;
display:block;
}

上面的#post替换为你的文章div标签的id或者相应的class。

扩展:

这里只是简单的实现了图片居中,但这个方法有个缺点就是,如果有些图片比如图标之类的,你可能不想居中,就没有办法了,最好的办法是通过function中的定义函数然后正则过滤出相应的图片去处理。

或者直接通过硬代码方式【不推荐】解决这个问题,比如插入图片:

/!!!
<div align="center"></img src="xxxxxx"/></div>
/!!!

去掉上面代码中的所有反斜杠。

未经允许不得转载:便宜国外主机测评 » Typecho 文章图片居中实现

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址