CSS-如何让img图片元素居中
2017-08-10 18:54
190 查看
使用margin属性就可以让img居中,前提是将img设置为block块元素
(1)代码
(2)效果
![](https://img-blog.csdn.net/20170810184435714?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvRWRpc29uXzAz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
(3)margin:auto的原理是:均分块元素的剩余空间
(1)代码
<div style="margin:0 auto; border:2px dashed blue; overflow:auto;width: 1000px;" > <img src="images/error.png" alt="图像正在努力加载中.." style="display: block;margin:10px auto;border:2px dashed blue;"/> </div>
(2)效果
(3)margin:auto的原理是:均分块元素的剩余空间
相关文章推荐
- css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中,能自适应浏览器缩放。
- DIV+CSS排版时 如何解决img图片元素下多余空白
- css-当图片宽度大于父元素宽度时如何使图片居中显示
- CSS设置img属性让图片水平居中/居左/居右的写法
- 如何利用css让元素居中
- CSS文字图片div元素居中方法之水平居中
- 图片水平、垂直居中与父元素的css方法
- css中绝对定位的元素如何让其居中显示
- Css设置img属性让图片水平居中/居左/居右的写法
- 用CSS让img input select button 图片,文本框,下拉菜单,按扭垂直居中的方法
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- [HTML]Css设置img属性让图片水平居中,居左,居右
- css中使input输入框与img(图片)在同一行居中对齐
- div+css中如何让图片垂直居中显示
- css如何让元素水平居中、垂直居中
- 摘抄:CSS如何实现单行图片与文字垂直居中
- img外头包着a时底部出现的一小段高度的解决方法。图片水平垂直居中用css解决的方法。
- 网易的一道CSS笔试题--固定宽高的子元素如何在未知宽高的父元素中实现居中?
- css如何让浮动元素水平居中