Jsp中如何让图片在div中居中

最新推荐文章于 2022-09-03 16:22:43 发布

wurui8

最新推荐文章于 2022-09-03 16:22:43 发布

阅读量1.7k

点赞数

分类专栏： Java编程文章标签： servlet mysql struts jsp

Java编程专栏收录该内容

444 篇文章 1 订阅

订阅专栏

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

.................... 【.........阅读全文】

Java免费学习 Java自学网 http://www.javalearns.com

关注微信号：javalearns 随时随地学Java

或扫一扫

随时随地学Java

wurui8

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Jsp中如何让图片在div中居中

jsp中让图片在div中居中显示，如上图例子：复制代码代码如下://CSS文件 #bj{ width:200px; height:200px; border:3px solid red; text-align:center; vertical-align:middle; display:table-cell;
复制链接

扫一扫