让图片 div居中如何实现代码

杜鹃啼血染花红,山后山前一画中。旅行的意义不在于浏览风景,而是到一个完全陌生的环境,放空自己,感受享受孤独!

提示:可以修改后运行.

img 图片居中:先小小的记录下发现的新方法,有空在整理下。

具体代码:

CSS Code复制内容到剪贴板
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
  5. <title>hezc</title>
  6. <styletype="text/css">
  7. .hezc{width:200px;height:200px;line-height:200px;font-size:180px;text-align:center;display:table-cell;vertical-align:middle;border:1pxsolid#ccc}
  8. .hezcimg{vertical-align:middle;}
  9. </style>
  10. </head>
  11. <body>
  12. <divclass="hezc">
  13. <imgsrc="https://www.haodaima.com/images/logo.gif"border="1"widht="100"height="100"/>
  14. </div>
  15. </body>
  16. </html>

以上就是让图片 div居中如何实现代码。尽量在今天多做点事情,不要把事情推到明天。因为这个世界没有明天,而且你更不知道明天会发生什么,留住今天,充实今天!更多关于让图片 div居中如何实现代码请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例