CSS能設定div之後將div中img的超出尺寸不頂出去嗎

時間 2021-05-07 19:59:02

1樓:煙道夫

2種辦法:

隱藏掉,**overflow:hidden給img設定一個固定的寬和高.這樣**就會自動壓縮了還有就是上傳**時就裁剪好尺寸,就不會有這樣的問題了

2樓:

div 寬和高要設定。

image寬度設為100%就行了,高度會自動按比例縮放。

如果你想**鋪滿div而無視**長寬比例,那麼把image高度也設為100%就行了。但是這樣image會變形,不推薦(除非你確定**長寬和div長寬同比例)。

3樓:匿名使用者

隱藏掉:必須設定寬度,高度!!!!

overflow:hidden

overflow:scroll;

加強型css

4樓:輕舟翩然來

這個啊,那就把img的寬和高寫成和div的寬和高一樣的就可以了啊。

在html中如何設定div的的大小當**尺寸超過div設定的大小的時候自動縮放,不適用img

5樓:小勳愛吃肉

具體步驟如下:

1、首先,先在**中輸入position:fixed; top: 0; left: 0;這樣的作用是讓整個**固定在螢幕上。

2、之後,再把背景**的大小自動適應div大小,當**自動適應時,既可以就進行縮放。

3、輸入background-size: cover;-webkit-background-size: cover;-o-background-size:

cover;使**隨螢幕大小同步縮放,如果**太大就會進行縮放。

6樓:

你是想div縮放還是**?

**的話,可以設定它的寬度來100%,高度自動,這樣會不變形成div寬度。

如果是想div隨**的話,div的寬度設定為自動,這樣**就會把div的寬度撐到**大小;

再給你幾個樣式,你自己可以嘗試max-width最大寬度,max-heitght最大高度,min-width最小寬度,min-height最小高度。。

7樓:三度奶粉

.img

怎麼利用div css定義一個div中的img都是固定大小啊!!急

8樓:保精璩痴海

要記得,centent也要浮動的

整理好的css樣式如下:

#header

#center

.left

.centent

.right

#footer

9樓:陸舒傑

可以把**轉換為區塊:display:block;然後設定width和height就可以了!有問題可以追問我!

10樓:只是一壺涼茶

給div定義一個名稱,例如:#mycontent

設定此div中img的大小: #mycontent img

如果有多個div都需要如此設定,那麼可以簡寫,例如,又有一個div名稱為#header,那麼可以這樣寫,#header img,#mycontent img

11樓:匿名使用者

你可以在css中設定:

img也可以在html中設定:

12樓:匿名使用者

在**尺寸不定的情況下,不建議這樣寫,小尺寸的**放大會影響**質量,大**縮小會佔用更多無謂的頻寬以及頁面開啟速度!

所以在**生成的時候建議儘量統一**尺寸~或等比壓縮~

13樓:匿名使用者

設定div img 大小

怎麼利用div+css定義一個div中的img都是固定大小啊!!急

14樓:匿名使用者

.aa這樣就行了哈

15樓:匿名使用者

下面**控制**大小150*150,可以自行修改,建議**大小在150左右,這樣不會損失**的美感。多餘部分隱藏了;比如,你的**是150*200,那麼在高的方向會擷取,隱藏掉;

示例 引用** 注意路徑 我的在目錄下"tp"資料夾:

good luck!!

用div+css中如何設定,超出就自動換行輸出?

16樓:蟈蟈蟈蟈

用div+css中設定**:

.text-overflow

如何用div+css控制**大小範圍?

17樓:

使用css max-width和max-height實現**自動等比例縮小

很簡單我們要使用到max-width和max-height,這樣即可設定物件**最大寬度和最大高度,這樣**就會等比例縮放**,然**相對不變形清晰。

使用max-width:300px或max-height:100px,即可解決**比例縮小。

但這樣存在一個問題,如果按照寬度縮放,但**過高會超出溢位盒子,這個時候需要對父級使用overflow:hidden隱藏超出**內容。但是使用max-width或max-height,ie6不支援,我們需要設定個width:

expression(this.width > 300 ? "300px" :

this.width);或者height:e­xpression(this.

height>100?"100px":this.

height);。

解決ie6支援max-height

一般情況下只需要設定好寬度限制,比如這裡只設定最大寬度為300px(max-width:300px),然後對父級使用overflow:hidden隱藏溢位**,同時為了相容ie6我們設定個width:

expression(this.width > 300 ? "300px" :

this.width);解決即可。

1、具體解決div+css例項**如下:

18樓:奔三不再二

**如下:

19樓:

**自動適應大小是一個非常常用的功能,在進行製作的時候為了防止**撐開容器而對**的尺寸進行必要的控制,我們可不可以用css控制**使它自適應大小呢?

我們想到了一個比較簡單的解決方法,雖然不是非常的完美,如果您的要求不是非常高,已經可以滿足你的需要了。我們看下面的**:

div img

◎ max-width:600px; 在ie7、ff等其他非ie瀏覽器下最大寬度為600px。但在ie6中無效。

◎ width:600px; 在所有瀏覽器中**的大小為600px;

◎ 當**大小大於600px,自動縮小為600px。在ie6中有效。

◎ overflow:hidden; 超出的部分隱藏,避免控制**大小失敗而引起的撐開變形。

img,a img

這樣當**的高度或寬度若超過590px,將會按比例壓縮成590px,如果不超過則按原大小顯示。

20樓:匿名使用者

div+css不能夠完成這個功能,要用js控制,進行等比例縮放。

21樓:匿名使用者

給你2個方法好了

第一個比較簡單,就是把img的尺寸都設為100%,例如這樣不管**原始尺寸是多少,都會被限制在這個範圍之內,不過這個方法有很大的侷限性,必須要求**的高寬比例與div的高寬比例一樣,這樣**才不會變形

第二個方法那就是比較常用的,就是呼叫js來控制,給你一個連結,你自己看著弄吧

22樓:

如果是**的話可以用上面的方法直接控制**的寬度,壓縮比例相同的話也可以用程式來控制壓縮比例,個人建議最好還是處理下**,能保證**的清晰度~

23樓:京樓網

width:800px

關於css樣式優先順序的問題,CSS 屬性設定優先順序問題。

css中後面的會覆蓋前面的,但是可以用 important設定為高優先順序.同有 important的,還是後面覆蓋前面 屬於繼承關係,如果css1有的樣式 css2沒有那麼以1的樣式存在 如果2定義了跟css1衝突的樣式,採用就近原則以2為標準,這個繼承方式跟父子繼承差不多,css2可以繼承css...

如何用css選擇器設定disabled屬性

用js是可以的,css貌似不行,沒有這種用法。css 中 這個屬性 disabled 是幹什麼的 謝謝了!css 中 這個屬性 disabled 是幹什麼的 謝謝了 就是控制這個控制元件是否可 可用。disabled true 就是不可用。disabled false 就是可用。如何用j ascri...

如何用css設定div與div之間的間距呢

衛戍邊疆 2 在index.html中的標籤中,輸入css sub。3 瀏覽器執行index.html頁面,此時3個div子子容器的垂直間距被統一設定為了30px。 a 和b設定float left屬性,如果要控制b與a的距離的話,就在b的屬性裡設定margin left 間距px go以前現在將來...