纯CSS的图片居中(不用表格)

前端之家收集整理的这篇文章主要介绍了纯CSS的图片居中(不用表格)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

  1. <figure class='logo'>
  2. <span></span>
  3. <img class='photo'/>
  4. </figure>
  5. .logo {
  6. display: block;
  7. text-align: center;
  8. display: block;
  9. text-align: center;
  10. vertical-align: middle;
  11. border: 4px solid #dddddd;
  12. padding: 4px;
  13. height: 74px;
  14. width: 74px; }
  15. .logo * {
  16. display: inline-block;
  17. height: 100%;
  18. vertical-align: middle; }
  19. .logo .photo {
  20. height: auto;
  21. width: auto;
  22. max-width: 100%;
  23. max-height: 100%; }

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的HTML相关文章