Jsp中如何讓圖片在div中居中
更新時(shí)間：2014年04月14日 16:21:25 作者：
這篇文章主要介紹了Jsp中如何讓圖片在div中居中的小技巧,需要的朋友可以參考下
jsp中讓圖片在div中居中顯示，如上圖
例子：
復(fù)制代碼 代碼如下:
//CSS文件
<style type="text/css">
#bj{
width:200px;
height:200px;
border:3px solid red;
text-align:center;
vertical-align:middle;
display:table-cell; //將對(duì)象作為表格單元格顯示
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中，就會(huì)有圖上的那種效果，圖片居中，但是在jsp中圖片只水平居中，碰到這種情況，我們需要<html>上面的
復(fù)制代碼 代碼如下:
<!DOCTYPE>中加入w3c標(biāo)準(zhǔn)申明，如：
<!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中圖片就會(huì)如愿的居中了！
相關(guān)文章
jsp源碼實(shí)例4（搜索引擎）...2006-10-10
今天嘗試用Hibernate的配置文件生成數(shù)據(jù)庫(kù)腳本，結(jié)果居然成功了，代碼很簡(jiǎn)單2009-03-03
用js繪圖...2006-10-10
JSP中實(shí)現(xiàn)系統(tǒng)登錄后的退出原理及代碼
首先要在你登錄的頁(yè)面的某個(gè)地方，寫上一個(gè)超級(jí)鏈接,讓它鏈接到exit.jsp頁(yè)面去，然后新建一個(gè)exit.jsp頁(yè)面在其body中寫上如下代碼,即可以實(shí)現(xiàn)登錄后的退出,感興趣的朋友可以了解下啊，或許對(duì)你有所幫助2013-01-01
基于javaweb+mysql的jsp+servlet宿舍管理系統(tǒng)(超級(jí)管理員、宿舍管理員、學(xué)生)
基于javaweb+mysql的jsp+servlet宿舍管理系統(tǒng)(超級(jí)管理員、宿舍管理員、學(xué)生)(java+jsp+servlet+javabean+mysql+tomcat),需要的朋友可以參考下2023-08-08
如何使用JSP+MySQL創(chuàng)建留言本(三)...2006-10-10
這篇文章主要介紹了JSP如何獲取Spring 注入對(duì)象，實(shí)現(xiàn)代碼如下，需要的朋友不要錯(cuò)過(guò)2014-07-07
淺談Servlet轉(zhuǎn)發(fā)到JSP頁(yè)面的路徑問(wèn)題(必看)
下面小編就為大家?guī)?lái)一篇淺談Servlet轉(zhuǎn)發(fā)到JSP頁(yè)面的路徑問(wèn)題(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
這篇文章主要介紹了Java數(shù)據(jù)庫(kù)存取技術(shù)2006-10-10
使用JSP實(shí)現(xiàn)簡(jiǎn)單的用戶登錄注冊(cè)頁(yè)面示例代碼解析
這篇文章主要介紹了使用JSP實(shí)現(xiàn)簡(jiǎn)單的用戶登錄注冊(cè)頁(yè)面示例代碼解析，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08