威凡网全力打造:网页编程、软件开发编程、平面设计、服务器端开发、操作系统等在线学习平台!学编程,上威凡网!
JSP教程>> JSP基础教程 JSP高级教程 JSP常见问题
当前位置:首页 > JSP教程 > JSP常见问题
上一节
 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"> 

申明:本教程内容由威凡网编辑整理并提供IT程序员分享学习,如文中有侵权行为,请与站长联系(QQ:254677821)!
上一节
相关教程  
其他教程  
JSP基础教程
JSP高级教程
JSP常见问题

违法和不良信息举报中心】邮箱:254677821@qq.com
Copyright©威凡网 版权所有 苏ICP备2023020142号
站长QQ:254677821