操作步骤如下：
南木林ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！
1、确定Dreamweaver，ctrl+n新建html文档；
2、利用插入菜单图像命令，插入多张图片，如下图，可看到各图片大小不一：
3、设计视图空白区域右击，点击css样式菜单下新建命令；
4、选择标签为img，点击仅对该文档；
5、弹出对话框可对各属性进行统一设置，例如点击方框，宽、高都输入100，点击确定；
6、效果如下图：
一、css图片水平居中。
1、利用margin: 0 auto实现图片居中，就是在图片上加上css样式margin: 0 auto 如下：
2、设置imgBox的样式如下：
3、此时的效果如下：（图片在容器内，水平居中）
二、css图片垂直居中。
1、css代码如下，使用flex布局实现。
2、页面代码HTML如下：
3、此时的效果如下：（垂直居中）
三、 css图片水平垂直居中。
1、利用flex布局实现css水平垂直居中，设计css代码如下：
2、Html代码如下：
3、此时的效果如下：（水平垂直居中）
扩展资料：
在容器上使用display: flex来告诉浏览器，这是一个flex布局的开始。然后给所有的item添加一个flex: 1的属性，来表明元素都是flex布局中的内容。
关于flex，最重要的就是要记住他有两条轴线（主轴、交叉轴），绝大部分属性都是依赖于轴线的方向。如下图所示：
这样，容器内的元素会沿着主轴来平分所有的区域，就这样已经实现了一个多列等宽布局。
span设置line-height和图片高度一样 ；
img里面设置样式 vertical-align:middle。
希望能帮到你。
img默认是个行内元素，比如在img的前面或后面放一些文字，这些文字会与图片排在同一行。因此，当图片的前后存在一些空格或回车换行符时，它们会与图片一起成为同一块行内元素，从而会造成外面的div被撑得比你想象的尺寸要大一些，比如：
div
img src="..."/
/div
而如果是这样就不会：
divimg src="..."//div
如果给img的css添加display:block属性，它就会变成块级元素（它会独占一行），其前后的空格、回车等也会被自动忽略，这样外面的div的尺寸就会保持与img一致。
不管是后台返回的数据还是静态写好的 还是用常规的去定义。除非是去操作动态生成的元素【使用了ajax动态往页面添加元素】
1、用css控制
外面用div包裹起来，然后用css 对这个div下面的图片进行修改
div class='img_div'img src='abc.jpg' alt='我是一张图片'//div
2、用js控制
和上面一样，先用div包裹起来
$('.img_div img').css({略});