Posted on | by liu
css91223,css定时换图片,css 中vedio属性,css盒子居中的方法,css获取标签的style属性,css样式插件放在哪里,网站字体css<div class="container">
<img src="images/scenery.jpg">
</div>
CSS 代码:
.container {
text-align: center;
}
.container img {
margin: auto;
display: block;
}
在以上代码中,大家使用了text-align属性来将容器中的内容水平居中;margin属性和display属性将img元素垂直居中。大家需要为img元素设置块级元素,否则,margin:auto将不会起作用,因为它只对块级元素生效。
注意事项:
1、使用此方法居中图片时,必须将img元素保持为原始大小。
2、此方法适用于单独插入的图片。如果图片作为背景使用,则需要使用其他居中方法。
3、如果想要居中的是容器中的一组图片,可以同样使用此方法,但是需要将图片作为子元素放在容器中。
总结:
以上是居中插入图片的简单方法。如果你对CSS的掌握更进一步,那么你可以使用其他CSS技巧来实现更加高级的居中效果。