立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › Jsp中如何让图片在div中居中

赞

评论

收藏

[JSP] Jsp中如何让图片在div中居中

开发技术 开发技术 发布于：2021-10-23 17:59 | 阅读数：325 | 评论：0

DSC0000.gif

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" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="https://www.w3.org/1999/xhtml">
加上去在Jsp中图片就会如愿的居中了！
关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
3393 经验
3387 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2024  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2