国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

img標(biāo)簽直接設(shè)置width和height屬性,與用style設(shè)置width和height的區(qū)別

khs1994 / 2298人閱讀

摘要:今天做頁(yè)面輪播圖的時(shí)候發(fā)現(xiàn)了一個(gè)很奇怪的問題用屬性給標(biāo)簽設(shè)置和,圖片可以顯示完全,但圖片比例會(huì)發(fā)生改變,圖片變形。注這里說的前面指的是用設(shè)置寬高,后面指的是直接設(shè)置標(biāo)簽的和屬性。

今天做頁(yè)面輪播圖的時(shí)候發(fā)現(xiàn)了一個(gè)很奇怪的問題:

用style屬性給img標(biāo)簽設(shè)置width和height,圖片可以顯示完全 ,但圖片比例會(huì)發(fā)生改變,圖片變形。

用img標(biāo)簽里面的width和height屬性給圖片設(shè)置高度和寬度,圖片比例不會(huì)改變,圖片也沒變形,但圖片會(huì)顯示不完全。


用style設(shè)置img標(biāo)簽width和height的效果:

直接設(shè)置img標(biāo)簽的width和height的效果:


網(wǎng)上查了一下,下面這個(gè)答案感覺還可以接受(但不知道解釋的對(duì)不對(duì)。。):

注:這里說的前面指的是用style設(shè)置寬高,后面指的是直接設(shè)置img標(biāo)簽的width和height屬性。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/54928.html

相關(guān)文章

  • 前端基礎(chǔ)-- CSS

    摘要:語(yǔ)法每個(gè)樣式右兩部分組成選擇器和聲明。格式如下外部樣式外部樣式就是將寫在一個(gè)單獨(dú)的文件中,然后在頁(yè)面進(jìn)行引入即可。CSS知識(shí) CSS(Cascading Style Sheet,層疊樣式表)定義如何顯示HTML元素。 當(dāng)瀏覽器讀到一個(gè)樣式表,它就會(huì)按照這個(gè)樣式表來(lái)對(duì)文檔進(jìn)行格式化(渲染)。Css之車更豐富的文檔外觀,Css可以為任何元素的文本和背景設(shè)置顏色;允許在任何元素外圍設(shè)置邊框;允許改...

    番茄西紅柿 評(píng)論0 收藏0
  • 前端基礎(chǔ)-CSS屬性相關(guān)設(shè)置

    摘要:值描述左邊對(duì)齊默認(rèn)值右對(duì)齊居中對(duì)齊兩端對(duì)齊文本裝飾為重點(diǎn)值描述默認(rèn)。繼承父元素的屬性的值。具體的像素一定要加單位例如,等等第一個(gè)值是水平位置,第二個(gè)值是垂直位置。單位是像素或任何其他的單位。一 字體屬性二 文本屬性三 背景屬性四 盒子模型五 盒子模型各部分詳解一、 字體屬性1、font-weight:文字粗細(xì)(表格中*為重點(diǎn))取值描述normal默認(rèn)值,標(biāo)準(zhǔn)粗細(xì)bord粗體 *border...

    番茄西紅柿 評(píng)論0 收藏0
  • html5與css3階段復(fù)習(xí)題

    摘要:將超出對(duì)象尺寸的內(nèi)容進(jìn)行裁剪,不會(huì)出現(xiàn)滾動(dòng)條。過渡效果使用動(dòng)畫使用需要觸發(fā)一個(gè)事件才會(huì)隨著時(shí)間改變其屬性在不需要觸發(fā)任何事件的情況下,也可以顯式的隨時(shí)間變化來(lái)改變?cè)貙傩裕_(dá)到一種動(dòng)畫的效果動(dòng)畫不需要事件觸發(fā),過渡需要。 1.請(qǐng)列出核心選擇器、層次選擇器有哪些 (5) 核心選擇器:id選擇器、class選擇器、標(biāo)簽選擇器、逗號(hào)選擇器、普遍選擇器 層次選擇器:子代選擇器、后代選擇器、下...

    techstay 評(píng)論0 收藏0
  • CSS知識(shí)點(diǎn)及技巧整理

    摘要:當(dāng)元素在容器中被滾動(dòng)超過指定的偏移值時(shí),元素在容器內(nèi)固定在指定位置。詳見浮動(dòng)與清除浮動(dòng)浮動(dòng)相關(guān)知識(shí)屬性的取值元素向左浮動(dòng)。是相對(duì)長(zhǎng)度單位,相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。 這些個(gè)知識(shí)點(diǎn)是我個(gè)人認(rèn)為的,下面我們就來(lái)看看這些個(gè)知識(shí)點(diǎn)。 1.怎么讓一個(gè)不定寬高的 DIV,垂直水平居中? 使用Flex 只需要在父盒子設(shè)置:display: flex; justify-content: cent...

    masturbator 評(píng)論0 收藏0
  • CSS知識(shí)點(diǎn)及技巧整理

    摘要:當(dāng)元素在容器中被滾動(dòng)超過指定的偏移值時(shí),元素在容器內(nèi)固定在指定位置。詳見浮動(dòng)與清除浮動(dòng)浮動(dòng)相關(guān)知識(shí)屬性的取值元素向左浮動(dòng)。是相對(duì)長(zhǎng)度單位,相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。 這些個(gè)知識(shí)點(diǎn)是我個(gè)人認(rèn)為的,下面我們就來(lái)看看這些個(gè)知識(shí)點(diǎn)。 1.怎么讓一個(gè)不定寬高的 DIV,垂直水平居中? 使用Flex 只需要在父盒子設(shè)置:display: flex; justify-content: cent...

    EasonTyler 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<