dw中css把图片居中的方法步骤
一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如： p { height:30px; line-height:30px; width:100px; overflow:hidden; }这段代码可以达到效果。
二、内边距（padding）法另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中，比如：p { padding:30px; }
在Web中,有几种方式可以使图片居中:
这是最简单的居中方式:
设置img为块级元素,并给它一个宽度,再用margin: auto实现水平居中。这种方式图片会占据一定宽度,周围有margin空白区域。
将img设为绝对定位,left和top各为50%,再使用transform的translate方法向相反方向移动自身宽高的一半,即实现居中。这种方式图片不会影响页面布局。
将img宽高设置为视口宽高的10%,这样就可以自适应实现居中,非常简单。这种方式同样不影响页面布局。
如果img的父元素为Flex容器,可以这样设置:
这会让Flex容器中的所有元素都水平垂直居中,包括img。这是实现居中最简单也最现代的方式。
首先我们在html中，使用margin属性设置图片居中，这时候只需要给图片元素设置“margin:auto”样式就可以了。
当margin属性值为“auto”的时候，浏览器就会自动分配左右边距，使元素平均分配占用父级容器的左右边距，这样达到元素居中的目的。。
CSS使网页背景图片居中的三种方法。
1、第一种：用像素设定，很多都用这种，但是也是最麻烦的： 2、第二种：用50%设定，很方便。 3、第三种：用center设定（注：第2个center可以省略，因为默认就是center）。
; /*背景图片*/background-repeat:no-repeat; /*背景图片不重复*/background-position:center top; /*水平居中，垂直顶对齐*/