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)文章
頁面分割，最常見的系統(tǒng)或網(wǎng)站的主界面，到這種這種分割頁面，大家首先想到是frameset，使用framset分割多種frame，這種方式簡單，接下來為大家介紹下局部刷新的問題2013-04-04
本篇文章介紹了，基于JSP編譯器基本語法的使用詳解。需要的朋友參考下2013-05-05
${id} 意思是取出某一范圍中名稱為id的變量。2008-09-09
jsp顯示中文文件名的圖片:將Tomcat中的server.xml文件中改為，在tomcat的server.xml以及與大家分享下顯示絕對(duì)路徑下的圖片的方法2013-05-05
jsp中使用frameset框架 邊框固定不讓更改邊框的大小
有時(shí)候可能要對(duì)自己布局好的頁面不讓用戶更改邊框的大小，這樣我們可以在frame里面添加noresize="noresize"屬性就可以實(shí)現(xiàn)其中的功能2014-07-07
2013-03-03
詳解velocity模板使javaWeb的html+js實(shí)現(xiàn)模塊化
這篇文章主要介紹了詳解velocity模板使javaWeb的html+js實(shí)現(xiàn)模塊化的相關(guān)資料,需要的朋友可以參考下2017-05-05
隨機(jī)生成文件名的函數(shù)...2006-10-10
JSP頁面中超鏈接傳遞中文參數(shù)出現(xiàn)亂碼問題解決方法
這篇文章主要介紹了JSP頁面中超鏈接傳遞中文參數(shù)出現(xiàn)亂碼問題解決方法,涉及jsp頁面參數(shù)傳遞與字符串處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
JSP 開發(fā)之Spring Boot 動(dòng)態(tài)創(chuàng)建Bean
這篇文章主要介紹了JSP 開發(fā)之Spring Boot 動(dòng)態(tài)創(chuàng)建Bean的相關(guān)資料,需要的朋友可以參考下2017-07-07