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

in Typecho with 0 commentand 3474 read

Leus Typecho emjio

修复主题图片总是居中

修复主题图片总是居中无法使用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>

示例

本文由 Rinvay 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Jun 19, 2018 at 11:09 am

← → ↓ ↑
评论