span内图片元素如何垂直居中_IT百科

首先span是内联元素，你给它加宽度和高度是无效的，除非给他加上display：block，然后要居中就写个text-align:center这样水平居中，然后你再调span的padding-top

在span里添加图片，可以让span标签里面包一个img标签。这样就可以完成span里面添加一张图片了。下面是个小例子：

<body>

</body>

var oSpan = document.getElementById('span1')

var oImg = document.createElement('img') //创建一个img标签

oImg.src = '../../abc.jpg' //给img标签添加src属性

oSpan.appendChild(oImg) //将img标签添加到span标签里面。

</script>

通过上述code就可以实现span里面添加一张图片

楼下的margin有问题。你要知道span是个内联元素，你可以display:block把它变成块级元素，然后设置一个宽高或者内外边距，使它有个大小，然后就可以使用margin: 0 auto实现居中，此居中不包括垂直居中。

欢迎分享，转载请注明来源：内存溢出

span内图片元素如何垂直居中