深圳市金黑网络技术有限公司:主营高端网站建设,网络推广,商城/系统开发,公众号小程序app开发等业务。
css如何让一个张图片在盒子中水平垂直居中代码样式,网站建设中经常会使用到图片在盒子居中,下面我们看下如何实现这个功能。
  1. <head>
  2. <meta charset="utf-8">
  3. <title>无标题文档</title>
  4. <style>
  5.         .box{
  6.                 width:300px;
  7.                 height:300px;
  8.                 border:1px solid #000;
  9.                 text-align:center;/* 水平居中 */
  10.                 line-height:300px;
  11.         }
  12.         img{
  13.                 vertical-align:middle;        /* 垂直居中 */
  14.         }
  15. </style>
  16. </head>

  17. <body>
  18. <div class="box">
  19.         <img src="3.jpg" width="100" height="100" />
  20. </div>
  21. </body>
复制代码

css如何让一个张图片在盒子中水平垂直居中代码样式

css如何让一个张图片在盒子中水平垂直居中代码样式

推荐给好友: [复制链接]
推荐文章
回复

使用道具 举报

相关文章

发布主题
  • 网站建设

    高端网站设计制作

  • 模板制作

    仿站/效果图转模板

  • 网络推广

    关键词优化/全网推广

  • 技术维护

    网站维护/异常处理

  • 小程序开发

    公众号/小程序开发

  • 系统开发

    商城系统/各类系统开发

  • 定制开发流程

    业务咨询 | 提交需求 | 报价报时 | 付款开工

    联系我们
  • 今日更新:0 昨日更新:0
  • 会员总数:462 模板总数:9876
全国最大PB建站模板下载平台
在线技术QQ

515138

周一至周日9:00-23:00

如有侵权请联系我们

515138@qq.com 在线QQ咨询

微信扫码关注我们