当前位置: 编程技术>java/j2ee
Jsp中如何让图片在div中居中
来源: 互联网 发布时间:2014-10-20
本文导语: jsp中让图片在div中居中显示,如上图 例子: 代码如下: //CSS文件 #bj{ width:200px; height:200px; border:3px solid red; text-align:center; vertical-align:middle; display:table-cell; //将对象作为表格单元格显示 background:pink; } img{ width:150px; height:150px; mar...
jsp中让图片在div中居中显示,如上图
例子:
代码如下:
//CSS文件
#bj{
width:200px;
height:200px;
border:3px solid red;
text-align:center;
vertical-align:middle;
display:table-cell; //将对象作为表格单元格显示
background:pink;
}
img{
width:150px;
height:150px;
margin:0 auto;
vertical-align:middle;
border:2px solid green;
}
//body文件
如果在html中,就会有图上的那种效果,图片居中,但是在jsp中图片只水平居中,碰到这种情况,我们需要上面的
代码如下:
中加入w3c标准申明,如:
加上去在Jsp中图片就会如愿的居中了!