Jsp中如何让图片在div中居中
更新时间：2014年04月14日 16:21:25 作者：
这篇文章主要介绍了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>上面的
复制代码 代码如下:
<!DOCTYPE>中加入w3c标准申明，如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
加上去在Jsp中图片就会如愿的居中了！
相关文章
页面分割，最常见的系统或网站的主界面，到这种这种分割页面，大家首先想到是frameset，使用framset分割多种frame，这种方式简单，接下来为大家介绍下局部刷新的问题2013-04-04
本篇文章介绍了，基于JSP编译器基本语法的使用详解。需要的朋友参考下2013-05-05
${id} 意思是取出某一范围中名称为id的变量。2008-09-09
jsp显示中文文件名的图片:将Tomcat中的server.xml文件中改为，在tomcat的server.xml以及与大家分享下显示绝对路径下的图片的方法2013-05-05
jsp中使用frameset框架 边框固定不让更改边框的大小
有时候可能要对自己布局好的页面不让用户更改边框的大小，这样我们可以在frame里面添加noresize="noresize"属性就可以实现其中的功能2014-07-07
2013-03-03
详解velocity模板使javaWeb的html+js实现模块化
这篇文章主要介绍了详解velocity模板使javaWeb的html+js实现模块化的相关资料,需要的朋友可以参考下2017-05-05
随机生成文件名的函数...2006-10-10
这篇文章主要介绍了JSP页面中超链接传递中文参数出现乱码问题解决方法,涉及jsp页面参数传递与字符串处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了JSP 开发之Spring Boot 动态创建Bean的相关资料,需要的朋友可以参考下2017-07-07
最新评论