主頁 > 知識(shí)庫 > Jsp中如何讓圖片在div中居中

Jsp中如何讓圖片在div中居中
熱門標(biāo)簽：高德地圖標(biāo)注樣式 商洛電銷 電銷機(jī)器人是有一些什么技術(shù) 北票市地圖標(biāo)注 杭州ai語音電銷機(jī)器人功能 四川保險(xiǎn)智能外呼系統(tǒng)商家 地圖標(biāo)注線上教程 電銷機(jī)器人好賣么 杭州語音電銷機(jī)器人軟件
 

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ì)如愿的居中了！
您可能感興趣的文章:
  • jsp圖片效果大全（圖像震動(dòng)效果、閃爍效果、自動(dòng)切換圖像）
  • JSP中圖片的上傳與顯示方法實(shí)例詳解
  • 解決圖片路徑中含有中文在jsp下不能正常顯示問題
  • 如何在jsp界面中插入圖片

標(biāo)簽：云浮 青島 江西 貴州 西藏 宿州 紅河 丹東

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《Jsp中如何讓圖片在div中居中》，本文關(guān)鍵詞  Jsp,中,如何,讓,圖片,在,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Jsp中如何讓圖片在div中居中》相關(guān)的同類信息！
  • 本頁收集關(guān)于Jsp中如何讓圖片在div中居中的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章