CSS中修复主题图片自动居中且印象emoji

in Typecho with 0 commentand 3463 read

修复主题图片总是居中

修复主题图片总是居中无法使用emoji

问题原因

由于原主题创建时为了让图片更加统一使用display属性block将图片定义为一个带换行符的快详情查看所以解决这个问题很简单:直接不控制显示就行了,之余图如何控制我一会再说。

修改如下

.post-content img {
    position: relative;
    /* display: block; */
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.post-content p img {
    position: relative;
    #display: block;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    /* margin: 20px auto */
    margin: auto
}

效果展示

:bowtie:
:wink:

:bowtie: :wink:

sunlights

图片居中

接下来就是图片居中,其实也很简单

<div align=center>
<img src="https://www.rinvay.cc/youblog/1.png" />
</div>

示例

评论