html代码固定，实现文字不居中，图片居中

css小技巧笔记，html代码固定，实现文字不居中，图片居中

html代码

<div class="article">
    <p>文字不要居中，下面图片要居中</p>
    <p><img src="/img/tiancai.jpg"></p>
</div>

css代码

img为内联元素，因此需要改变display方式为bolck

.article>p>img{
    display:block;
    margin:0 auto;
}

效果


文字不要居中，下面图片要居中



赏

谢谢你请我吃糖果

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    2、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: true
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

北邮16届本科毕业<br><br>华为在职奋斗者_(:з」∠)_<br>有点累，但是前端还是蛮有意思的