原图：
社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > JS CSS設定img在DIV只顯示Img垂直居中的部分_javascript技巧

JS CSS設定img在DIV只顯示Img垂直居中的部分_javascript技巧

WBOY
發布： 2016-05-16 17:19:07
原創
1014 人瀏覽過

一個Div中顯示Img，img的寬和Div相同，但高不固定，要求只顯示Img垂直居中的部分。

範例：
JS CSS設定img在DIV只顯示Img垂直居中的部分_javascript技巧 

原圖：
JS CSS設定img在DIV只顯示Img垂直居中的部分_javascript技巧

程式碼實作：

程式碼實作：程式碼實作
複製程式碼


程式碼如下:


JS CSS設定img在DIV只顯示Img垂直居中的部分_javascript技巧
點擊下載原始檔
相關標籤：
div img
來源：php.cn
上一篇：jquery模擬SELECT下拉框取值效果_jquery 下一篇：ajax與302響應代碼測試_JavaScript
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
邊框半徑不適用於錨點內的 img 我正在使用以下HTML程式碼：<aclass="-video-detail-qualifiers-branding"><imgsrc=&quo...
來自於 2024-04-06 17:20:25
0
1
347
for循環隨機從1到0 基本上，每次刷新頁面時，for循環都有可能從1變成0。我不知道為什麼會發生這種情況，但它影響了我的圖像彼此分層的方式。我嘗試使用foreach循環，但它仍然給了我相同的結果。這是f...
來自於 2024-04-06 16:48:14
0
1
393
在手機尺寸畫面上，如何將段落向左移動的CSS和HTML方法 在正常的16:9電腦螢幕上看起來很完美，文字在左邊，圖片在右邊。但是，當涉及到較小的螢幕（例如手機尺寸的螢幕）時，它確實會像我想要的那樣在段落頂部顯示圖片。我對此很陌生，所以請幫忙...
來自於 2024-04-04 20:25:22
0
1
330
React 元件內部函數的意外輸出 我導入了兩種圖像（IMG和IMG2）。 IMG假設在視口寬度小於600px時顯示，而如果視口寬度大於或等於600px，則顯示另一張。所以我添加了一個函數來檢查視口寬度，然後它返回這...
來自於 2024-04-03 00:17:44
0
1
285
如何在html中為connect-src內容安全策略設定通配符？ html我有這個<metahttp-equiv="Content-Security-Policy"content="default-src'se...
來自於 2024-04-02 16:12:49
0
1
414
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板