日拱一卒无有尽,功不唐捐终入海

网页CSS图片居中(水平居中和垂直居中)

HTML/CSS Sam 1120℃ 0评论

css图片居中分css图片水平居中和垂直居中两种情况,有时候还需要图片同时水平垂直居中,下面分几种居中情况分别介绍。

css图片水平居中
利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下:

利用文本的水平居中属性text-align: center

css图片垂直居中
利用高==行高实现图片垂直居中
这种方法是要知道高度才可以使用,代码如下:

移动端可以利用flex布局实现css图片垂直居中

 

转载请注明:PHP笔记 » 网页CSS图片居中(水平居中和垂直居中)

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)