a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 編程 > JSP > 正文

Jsp中如何讓圖片在div中居中

2024-09-05 00:22:05
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了Jsp中如何讓圖片在div中居中的小技巧,需要的朋友可以參考下

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>

<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中圖片就會如愿的居中了!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 伊人电院网 | 91色爱| 99热福利| 中文字幕在线观看 | 欧美一级免费大片 | 999在线观看精品免费不卡网站 | 亚洲一区在线影院 | 91成人在线视频 | 国产精品久久久久久 | 99riav国产精品| 一区二区三区四区不卡视频 | 97人人超碰 | 中文字幕日韩欧美一区二区三区 | 日韩av一区二区在线观看 | 亚洲美女网站 | 国产欧美久久一区二区三区 | 欧美三级视频在线观看 | 四虎网站在线观看 | segui88久久综合9999 | 99热这里有精品 | 日韩中文在线视频 | 亚洲精品一区二三区不卡 | 日韩91| jizz欧美大片 | 亚洲精品成人在线 | 久久久久18| 91精品国产九九九久久久亚洲 | 久久夜视频 | 超碰人人干| 国产精品第一国产精品 | 日韩在线观看中文字幕 | 黄色三级视频 | 精品国产91| 欧美猛交ⅹxxx乱大交视频 | 亚洲欧美一区二区三区久久 | 特级丰满少妇一级aaaa爱毛片 | 久久久www成人免费无遮挡大片 | 国产999精品久久久久久 | 国产中文字幕在线观看 | 一区二区国产精品 | 欧美亚洲国产一区 |