图片垂直居中

<img src ="..." alt="" >

  html标签分三种

  • block:块级元素(div)多个div会换行显示,可以设置宽高;
  • inline:行内元素(span)多个span会在一行显示,不能设置宽高;
  • inline-block:行内块元素(img)多个img会在同一行显示,可以设置宽高。

图片垂直居中1:

<style type="text/css">
	div{width: 300px;height: 300px; border: 1px solid black;text-align: center;line-height: 300px;}
</style>

<div>
    <img src="#" alt="" >
</div>
上一篇:读心术小游戏


下一篇:CSS实现三栏布局(5种)