如何让div中的图片垂直居中对齐?

JavaScript012

如何让div中的图片垂直居中对齐?,第1张

分两种情况：

1、图片宽高固定，这种情况很简单。

水平居中：就在图片的css中加 dispaly:blockmargin:0 auto

垂直居中：自己算出（div的高度-图片的高度）/2，得到margin-top值即可。

2、图片高度未知，这个布局比较难实现。一般我是用js做的。

水平居中：同上，在图片的css中加 dispaly:blockmargin:0 auto

垂直居中：用js算出（div的高度-图片的高度）/2，得到margin-top值赋给它。

你定位用对了 但是你的div1和div2 都没有对top和left定位，你可以加上.div1{position：absolutetop:0left0} .div2{position:absolutetop:25pxleft:25px}

1、利用js代码首先创建一个div，document.createElement('div')2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。 3、确定位置之后，显示div即可。 示例：比如html中有一个文本输入框，...