jsp中讓圖片在div中居中顯示,如上圖

例子: 復制代碼 代碼如下: //CSS文件 <style type="text/css">

#bj{

width:200px;

height:200px;

border:3px solid red;

text-align:center;

vertical-align:midd " /> 一区二区不卡不卡一卡,999精品久久久中文字幕蜜桃,在线亚洲一区

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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">

加上去在Jsp中圖片就會如愿的居中了!

jsp技術Jsp中如何讓圖片在div中居中,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 免费一区二区三区四区五区 | 成人信息集中地 | 日本伊人精品一区二区三区 | 涩涩涩涩涩涩涩涩涩涩 | 激情婷婷丁香 | 色综合久久88 | 91久久青青青国产免费 | 国产三级级在线观看大学生 | 麻豆一区区三三四区产品麻豆 | 精品国产一区二区三区在线观看 | 国产永久免费视频 | 免费在线色 | 国内精品免费网站牛牛 | 91精品一区二区三区在线 | 午夜视频在线观看国产www | 伊人色综 | 美女张开腿让男人桶爽的免费动漫 | 国产91久久最新观看地址 | 日日草草| 激情五月综合网 | 国产高清乱理论片在线看 | 美女胸又大又www又黄的网站 | 色网站在线播放 | 午夜dj影院在线视频观看完整 | 日本一区二区三区日本免费 | 色天天综合 | 九一视频在线免费观看 | 亚洲经典在线中文字幕 | 亚洲一级特黄 | 亚洲91精品麻豆国产系列在线 | 怡红院美国十次成人影院 | 久久香蕉精品 | 在线视频 一区二区 | 全色黄大色大片免费久久老太 | 中文字幕日本不卡一二三区 | 在线天堂视频 | 国产成人综合在线视频 | 日本一区二区三区免费观看 | 激情小说专区 | 精品国产成人a区在线观看 精品国产成人a在线观看 | 色黄网站在线观看 |