懂色av一区二区三区在线播放,亚洲精品第一页,亚洲欧美欧美一区二区三区

在未知圖片的寬度與高度時利用div+css將圖片居中

網(wǎng)絡(luò) 2012/11/20 18:14:15 深山行者字體:大中小瀏覽 32684

以下為詳細代碼

<!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">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link  rel="shortcut icon">
  <title>在未知圖片的寬度與高度時利用div+css將圖片居中 </title>
  <style type="text/css">
  /*For Firefox Chrome*/
  .demo{border:1px #ddd solid;width:208px;height:148px;overflow:hidden;text-align:center;display:table;float:left;margin:50px;position:relative;}
  .demo a{display:table-cell;vertical-align:middle;width:200px;height:140px;}
  .demo a img{border:1px #ddd solid;margin:0 auto;max-width:200px;max-height:140px;}
  /*For IE7*/
  *+html .demo a{position:absolute;top:50%;width:100%;text-align:center;height:auto;}
  *+html .demo a img{position:relative;top:-50%;left:-50%;}
  /*For IE6*/
  *html .demo a{position:absolute;top:51%;width:100%;text-align:center;height:auto;display:block;}
  *html .demo a img{position:relative;top:-50%;left:-50%;width:expression(this.width>200?"200px":"atuo");height:expression(this.height>140?"140px":"atuo");}
  </style>
  </head>
  <body>
  <div class="demo"><a href="#"><img src="/UploadFiles/demo/001.jpg" /></a></div>
  </body>
  </html>

前一頁:在table中tr的display:block在firefox下顯示布局錯亂問題

后一頁:用css做的英文首字母大寫和英文全都大寫通過各個瀏覽器

相關(guān)閱讀: 總結(jié)一些DIV+CSS制作網(wǎng)頁時容易犯的錯誤; CSS中的單位一覽包括寬度尺寸單位顏色單位角度單位; 微信公眾號回復(fù)圖文消息或用客服接口推送圖文消息; 詳細的百度蜘蛛爬行檢測代碼詮釋; 雙擊文字后實現(xiàn)編輯文本功能; 北京順義阿來電腦科技有限公司; 層展開/關(guān)閉 - 運動緩沖效果; 深山文章管理系統(tǒng) v1.0 bulid 090418

共有0條關(guān)于《在未知圖片的寬度與高度時利用div+css將圖片居中》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內(nèi) 容:	評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery設(shè)置或獲取修改classname; 利用css3.0寫出一個音樂播放的唱片碟盤的效果; 利用css中的scale()實現(xiàn)放大縮小效果; 利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數(shù)字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中; 利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 一些關(guān)于素材的網(wǎng)站; 成都中國青年旅行社開心旅游網(wǎng); 深山旅行社網(wǎng)站管理系統(tǒng) v1.3發(fā)布; asp從a到z循環(huán)輸出26個英文字母; uni-app基礎(chǔ)知識數(shù)據(jù)綁定; 兼容pc、移動端用js實現(xiàn)復(fù)制內(nèi)容到剪切板（支持蘋果safari瀏覽器）

更多標(biāo)簽熱門標(biāo)簽

改變框 xhtml 表達式文件 Java 兼容 FlashFxp 面板 png24 快捷 onblur 許愿 vista 縮小版權(quán)聲明控件 openwin 分頁 div CSS 頁面 relative time 文件類型評論 hidden 破解 IE8 blog 電影例子數(shù)據(jù)庫版權(quán) 全選字符百度 border 查找代碼 css ul 網(wǎng)易考試處理 Word 管理系統(tǒng) 縮略圖 hover 九宮格后臺 font-size