程序博客网 > rhinoceros是什么软件

Jsp中怎样让图片在div中居中问题小结

来源：互联网发布：rhinoceros是什么软件编辑：程序博客网时间：2024/06/07 01:23

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

rhinoceros是什么软件

rhinoceros是什么软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子柠檬炖冰糖柠檬冰糖柠檬炖冰糖的做法冰糖炖柠檬的做法川贝冰糖炖柠檬冰糖柠檬的功效与作用川贝柠檬冰糖膏不适宜人群陈皮柠檬膏功效柠檬膏怎么做柠檬小贝膏陈皮柠檬冰糖膏做法冰糖柠檬膏有什么功效川贝柠檬冰糖膏比例陈皮川贝柠檬膏电饭锅柠檬膏正确做法川贝柠檬膏小孩能喝吗冰糖柠檬膏功效与作用冰糖柠檬小贝膏多少钱一瓶冰糖柠檬小贝膏功效冰糖柠檬膏价格冰糖柠檬膏的制做方法川贝柠檬冰糖膏怎样炖才粘稠 about me 柠檬按摩膏冰糖柠檬膏的功效川贝柠檬膏的功效川贝柠檬膏的做法柠檬冰糖膏的做法柠檬膏的作用与功效柠檬川贝膏的做法冰糖柠檬膏的功效与作用柠檬膏的作用川贝陈皮柠檬膏的做法冰糖柠檬膏的做法色喜柠檬开口馒头柠檬盆栽盆栽柠檬柠檬种植柠檬玫瑰花能同时泡水喝吗玫瑰花和柠檬片可以一起泡吗玫瑰花加柠檬片有什么功效柠檬花的养殖方法