CSS语法教程：实现图片自适应大小和居中显示
要实现图片自适应大小和居中显示，可以使用CSS的`max-width`、`height`属性以及`margin: auto;`。首先，为图片元素设置一个固定的宽度，例如`width: 100%;`，这样图片会占据其父容器的整个宽度。然后，使用`max-width`属性限制图片的最大宽度，以防止过大的图片导致布局混乱。接下来，使用`height: auto;`让图片高度自适应。最后，通过设置左右外边距为`auto`，并设置左右内边距为相等的值（如0），使图片在水平方向上居中显示。
做网站之后，我们会在网站后台发布很多的文章内容。文章里会插入一些图片，由于图片尺寸不一样，会出现图片超过宽度的问题。特别是制作手机网站时，更容出现这种情况。如何通过CSS3来一次性控制网站所有图片自适应大小呢？下面介绍一下CSS3控制图片自适应屏幕大小的方法。
通过CSS3控制图片尺寸自适应的方法很简单，只要将以下的CSS样式代码放到自己网站的CSS文件里即可。(如果不了解什么是CSS，请先学习一下网站建站常识)
.contimg{max-width:100%;height:auto;}代码解释：代码里的cont修改成自己的class名。通过控制图片的最大宽度值为100%，而不是直接控制图片宽度，避免了图片被压缩变形。
如果要让网站图片始终居中显示，只需要加上以下的CSS样式；
.contimg{display:block;margin:0auto;}所以，CSS3控制图片自适应屏幕大小和居中显示的CSS样式代码就是将二者合并一起。如下：
.contimg{display:block;margin:0auto;max-width:100%;height:auto;}
