前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Typecho图片靠左改为默认居中显示

Typecho图片靠左改为默认居中显示

作者头像
羽翼博客
发布2022-11-28 14:51:00
1.2K0
发布2022-11-28 14:51:00
举报
文章被收录于专栏:技巧笔记技巧笔记

这篇文章最后修改于 2022-06-07 日,距今已有 168 天,请注意甄别内容是否已经过时!

笔记

对于typecho文章图片默认靠左的情况,我从网上查了很多。

这个是是通过主题CSS样式表来实现文章图片的居中,在你的主题目录下的style.css中添加以下代码,具体看下面代码:

代码语言:javascript
复制
#post img {
margin:0 auto;
display:block;
}

将#post替换为自己的文章标签id或者是class即可。

这里将以我的博客为例:

可以看到我的文章class="post-content"

所以我的代码如下:

代码语言:javascript
复制
/*文章图片默认改为居中*/
#main .post-zhengwen .post-wenzhang .post-content img{
margin:0 auto;
display:block;
}

放到我的style.css两个文件中

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-01-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 笔记
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档