麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > 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中圖片就會如愿的居中了!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 人人舔人人射 | 国产1区在线 | 欧美精品成人一区二区在线观看 | 成人性视频在线 | 国产在线一级视频 | 成人区精品一区二区婷婷 | 国产精品久久久久久久久久10秀 | 精品三区视频 | 羞羞视频免费网站男男 | 性高湖久久久久久久久aaaaa | 久久久久久久九九九九 | 粉嫩蜜桃麻豆免费大片 | 国产成人高清成人av片在线看 | 国产亚洲精品一区二区三区 | 3xxx | 欧美性生活免费视频 | 免费视频a | 97黄色网| 久久综合福利 | 久草在线观看福利视频 | 免费a网| 国产精品视频中文字幕 | 久久亚洲美女视频 | 黄色高清免费 | av手机在线电影 | 日本在线视频二区 | 久久伊人国产精品 | 久久精品视频在线看99 | 免费观看国产精品视频 | 性猛aa久久久 | 精品国产91久久久久 | 牛牛碰在线 | 92看片淫黄大片欧美看国产片 | 国产精品久久久久久久久久iiiii | 极品一级片 | 欧美成人午夜一区二区三区 | 成人激情在线观看 | 在线a毛片免费视频观看 | 精品一区二区免费视频视频 | 色婷婷av一区二区三区久久 | 91专区在线观看 |