原图:
首頁 web前端 js教程 JS CSS設定img在DIV只顯示Img垂直居中的部分_javascript技巧

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

May 16, 2016 pm 05:19 PM
div img

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

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

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

程式碼實作:

程式碼實作:程式碼實作
複製程式碼


程式碼如下:


JS CSS設定img在DIV只顯示Img垂直居中的部分_javascript技巧
點擊下載原始檔
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1318
25
PHP教程
1269
29
C# 教程
1248
24
img檔案怎麼打開 img檔案怎麼打開 Sep 18, 2023 am 09:40 AM

開啟img檔案的方法有使用虛擬光碟機軟體開啟、使用壓縮軟體開啟和使用專用工具開啟。詳細介紹:1、使用虛擬光碟機軟體打開,下載並安裝一個虛擬光碟機軟體,右鍵單擊img文件,選擇“打開方式”或“關聯程序”,在彈出的對話框中選擇安裝的虛擬光驅軟體,虛擬光碟機軟體會自動載入img文件,並將其作為虛擬光碟機中的光碟映像,雙擊虛擬光碟機中的光碟圖標,即可開啟img檔案並存取其中的內容等等。

img檔案如何開啟 img檔案如何開啟 Jul 06, 2023 pm 04:17 PM

img檔案開啟的方式:1、確認img檔案路徑;2、使用img檔案開啟器;3、選擇開啟方式;4、檢視圖片;5、儲存圖片。 img檔案是一種常用的圖像檔案格式,通常用於儲存圖片資料。

img是什麼格式 img是什麼格式 Mar 17, 2023 am 10:33 AM

img是一種文件壓縮格式,主要是為了創建軟碟的鏡像文件,它可以用來壓縮整個軟碟或整片光碟的內容;使用“.IMG”這個擴展名的文件就是利用這種文件格式來創建的;img檔案包括3個基本節點,分別是「Ehfa_HeaderTag」、「Ehfa_File」和「Ehfa_Entry」。

css怎麼實作div缺一個角 css怎麼實作div缺一個角 Jan 30, 2023 am 09:23 AM

css實作div缺少一個角的方法:1、建立一個HTML範例文件,並定義一個div;2、給div設定寬高背景色;3、給需要刪除一角的div增加一個偽類,將偽類設定成跟背景色一樣的顏色,然後旋轉45度,再定位到需要去除的那個角落即可。

iframe和div有什麼不同 iframe和div有什麼不同 Aug 28, 2023 am 11:46 AM

iframe和div的不同是iframe主要用於引入外部內容,可以載入其他網站的內容或將一個網頁分割成多個區域,每個區域有自己的獨立的瀏覽上下文,而div主要用於分割和組織內容的區塊,用於佈局和样式控制。

基於 ChatGPT API 的劃詞翻譯瀏覽器腳本實現 基於 ChatGPT API 的劃詞翻譯瀏覽器腳本實現 May 01, 2023 pm 03:28 PM

前言最近GitHub上有個基於ChatGPTAPI的瀏覽器腳本,openai-translator,短時間內star衝到了12k,功能上除了支援翻譯外,還支援潤飾和總結功能,除了瀏覽器插件外,還使用了tauri打包了一個桌面客戶端,那拋開tauri是使用rust部分,那瀏覽器部分實作還是比較簡單的,今天我們就來手動實作一下。 openAI提供的介面例如我們可以複製以下程式碼,在瀏覽器控制台中發起請求,就可以完成翻譯//範例constOPENAI_API_KEY="s

div盒模型是什麼 div盒模型是什麼 Oct 09, 2023 pm 05:15 PM

div盒模型是用於網頁佈局的模型,它將網頁中的元素視為一個個矩形的盒子,這個模型包含了四個部分:內容區域、內邊距、邊框和外邊距。 div盒模型的好處是可以輕鬆控制網頁佈局和元素之間的間距,透過調整內容區域、內邊距、邊框和外邊距的大小,可以實現各種不同的佈局效果,盒模型也提供了一些屬性和方法,可以透過CSS和JavaScript來動態地改變盒子的樣式和行為。

jquery怎麼改變img的src屬性 jquery怎麼改變img的src屬性 Mar 03, 2022 pm 03:41 PM

jquery改變img src屬性的方法:1、使用attr()屬性,語法「$("img").attr("src","圖片檔案的位址")」;2、使用prop()方法,語法「 $("img").prop("src","圖片檔案的位址")」。

See all articles