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中图片就会如愿的居中了!

本文Jsp中如何让图片在div中居中到此结束。失败面前无所谓高手,在失败的面前,谁都是凡人。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
JSP如何实现简单网页计算器

JSP动态如何实现web网页登陆和注册功能

JSP如何实现文件上传功能

SSM框架整合JSP中集成easyui前端ui项目开发示例详解

教你怎么用JSP统计网站访问人数