流浪のwolf

卷帝

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

如何让img图片居中

说明:img是行内块元素,用一个盒子(父元素)嵌套img(子元素)

text-align:center;可以让父元素为块元素的行内块或行内元素水平居中; vaertical-align:middle;让img元素垂直居中;

代码:

复制代码
   <style>
      .fa {
        display: table-cell;
        /* 垂直居中 */
        vertical-align: middle;
        /* 水平居中 */
        text-align: center;
        width: 400px;
        height: 400px;
        background-color: pink;
      }
    </style>
  </head>
  <body>
    <div class="fa">
      <img src="./00 MyCode/images/avatar.jpg" alt="" />
    </div>
  </body>
复制代码

 

posted on   朱龙旭的网络  阅读(3094)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示