开发者社区> 问答> 正文

css里怎么设置图片居中显示图片

css里怎么设置图片居中显示图片

展开
收起
云计算小粉 2018-05-10 20:07:00 2044 0
1 条回答
写回答
取消 提交回答
  • css图片水平居中
    1.利用margin: 0 auto实现图片水平居中
    利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下:

    比如:



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

    比如:



    css图片垂直居中

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



    2.利用绝对定位实现图片垂直居中
    如果已知图片的宽度和高度可以这样,代码如下:

    <img alt="" src="https://www.baidu.com/img/baidu_jgylogo3.gif" style="width: 120px; height: 40px;position: absolute; left:50%; top: 50%; margin-left: -60px;margin-top: -20px;" />

    2019-07-17 22:14:28
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载