现在的位置: 首页 > web前端 > 正文

css图片居中怎么办

2020年07月20日 web前端 ⁄ 共 695字 ⁄ 字号 评论关闭

  div图片居中-图片在DIV内居中,让图片中DIV盒子里水平居中。让图片中DIV对象盒子内水平居中,和让文字字体在DIV盒子内水平居中CSS相同。CSS让对象内容居中样式单词为:text-align:centertext-align为内容居于对象什么位置属性,center值为居中。


  传统css图片居中横向水平


  直接在标签对象内加“align="center"”即可让对象内图片横向水平居中显示。


  align="center"使用方法:


  <divalign="center"></div>


  align="center"居中图片DIV+CSS实例代码:


  <!DOCTYPE>


  <htmlxmlns="  <head>


  <metacharset="utf-8"/>


  <title>图片横向居中</title>


  </head>


  <body>


  <divalign="center"><imgsrc="  </body>


  </html>


  CSS让图片中DIV对象内水平居中


  实例HTML+CSS完整代码如下:


  <!DOCTYPE>


  <htmlxmlns="


  <head>


  <metacharset="utf-8"/>


  <title>图片横向居中</title>


  <style>


  .divcss5{text-align:center}


  </style>


  </head>


  <body>


  <divclass="divcss5"><imgsrc="  </body>


  </html>


  总之,css图片居中给大家简单的介绍了一些,希望大家多看看。


  

抱歉!评论已关闭.