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中居中,轉載需保留來源!

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

主站蜘蛛池模板: 九九99re在线视频精品免费 | 91精品国产91久久久久久 | 国产在线伊人 | 狠狠色伊人亚洲综合网站色 | 国产小视频网站 | 激情综合丁香 | 国产亚洲精品2021自在线 | 亚洲卡5卡6卡7卡2021入口 | 亚洲区一二三四区2021 | 亚洲成a人v天堂网 | 扣扣传媒国产aⅴ | 韩国一大片a毛片 | 国产成人免费高清视频 | 在线视频一区二区三区三区不卡 | 亚洲一区二区三区在线视频 | 国产在线午夜 | 精品五月天 | 欧美一级特黄特黄做受 | 亚洲综合在线视频 | 五月婷婷基地 | 小视频免费在线观看 | 亚洲手机国产精品 | 在线观看免费视频黄 | 精品免费国产一区二区三区 | 欧美7777kkkk免费看258 | 久久er国产精品免费观看1 | 亚洲美女免费视频 | 九九精品视频在线 | 丁香六月在线视频 | 成人午夜视频在线 | 国产乱码精品一区二区三区中 | 最新69成人精品毛片 | 国产第一页在线视频 | 一区二区三区成人 | 91精品国产自产91精品 | 日韩美女一区二区三区 | 伊人爱爱 | 好好的日视频www | 亚洲麻豆视频 | 性做久久久久 | 免费色网 |