Jsp中图片在div中居中的方法
来源：爱站网时间：2019-05-19编辑：网友分享
Jsp中如何让图片在div中居中？相信这个简单的小问题难倒了不少朋友们，那么现在爱站小编就为大家介绍Jsp中图片在div中居中的方法。感兴趣的朋友们来看看吧。
Jsp中如何让图片在div中居中？相信这个简单的小问题难倒了不少朋友们，那么现在爱站小编就为大家介绍Jsp中图片在div中居中的方法。感兴趣的朋友们来看看吧。
复制代码 代码如下:
//CSS文件
<style type="text/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;
}
</style>
</head>
//body文件
<body>
<div id="bj">
<img src="11.jpg"/>
</div>
</body>
如果在html中，就会有图上的那种效果，图片居中，但是在jsp中图片只水平居中，碰到这种情况，我们需要<html>上面的
这篇文章主要介绍了Jsp中图片在div中居中的方法，需要的朋友可以参考！
