如何使圖片擁有div的屬性

A. css手機版頁面製作時如何讓背景圖片適應div的高度和寬度

具體步驟如下：

1、輸入position:fixed; top: 0; left: 0;使整個div固定在屏幕的最上方和最左方。

B. 讓圖片適應div大小

先給div定義overflow:hidden樣式，不是為了剪裁圖片，只是為了頁面載入的時候，圖片不會把div撐開，讓頁面布局被破壞，然後給所有需要自適應的圖片，定義一個相同的name屬性，然後在頁面onload事件，或者頁面最後調用一個腳本，獲取全部name屬性為你定義的圖片，然後循環遍歷這些圖片，和圖片的父對象，然後給圖片的width，height屬性進行值定義，就OK了

和父對象對比的時候，width和height分開對比，當width和父對象相同的時候，並且height小於等於父對象，只設置width就夠了，這樣進行的縮放，就是原比例縮放，不然會拉伸失真的，相反，當height和父對象相同的時候，並且width小於等於父對象，只設置height就夠了

以上是客戶端處理方法，圖片如果太大太多的話，對伺服器壓力比較大，另一種方法就是在用戶上傳的時候，編寫圖片程序，進行判斷，手動把圖片縮小到指定大小，判斷方法類似上邊那一段，但是你設置width的時候，需要手動計算一下height，因為自己編寫的程序，是不會自動保持比例的

C. 怎樣在div中添加圖片

可以使用img標簽在div標簽中添加圖片。

1、新建html文檔，然後在body標簽中添加div標簽，這時div標簽中沒有內容，所以網頁中什麼也不會顯示：

D. div 屬性 DIV標簽屬性有什麼如何設置屬性

div標簽內常用屬性列表：

1、style 設置css樣式

2、align 設置div盒子內的內容居中、居左、居右

3、id 引人外部對應#（井號）選擇符號樣式

4、class 引人外部對應.（句號）選擇符號樣式

5、title 設置div（標題）滑鼠經過時顯示文字

設置屬性：

E. 怎樣讓定位的div隨著圖片的大小,div還在圖片中的那個位置

最方便還是將標注繪制（Photoshop）在圖片上；其次，就是將div的top和left屬性與圖片的長寬建立對應關系（如使用%），然後部署自動刷新或者手動刷新，這樣就可以實現了。
不過，建議div的長寬也要隨之變化才好。

F. 怎麼讓一張圖片充滿DIV

<div id="my_div"><img src="test/a.jpg" width='100px' height='20px'/></div>
<style>
#my_div{width:100px;height:20px;overflow:hidden;float:left}
</style>
給img加上width和height屬性就能設置圖片的寬高了，不過這樣可能會使得圖片變形

補充：DIV在編程中又叫做整除，即只得商的整數。 DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。

G. 如何讓圖片在div中居中顯示

方法一：
思路：利用text-align屬性將圖片水平居中，然後設置padding-top的值使其垂直居中。
結構如下：
<div>
<img
src="images/tt.gif"
width="150"
height="100"
/>
</div>
CSS樣式如下：
div
{width:300px;
height:150px;
background-color:#CCC;
border:#000
1px
solid;
text-align:center;
padding-top:50px;}
運行結果如下：釋義：
圖片的尺寸為150x100px，DIV的大小為300x200px；
background-color:#CCC;
border:#000
1px
solid;為DIV加個邊框和背景色，便於觀察效果。
text-align:center,實現圖片的水平居中；padding-top:50px，50px這個數值是經過計算得到的，padding-top的值具體演算法如下：（DIV的高度
–
圖片的高度）/2，但這里要注意，根據盒模型原理，我們還要將DIV原來的高度200減去padding-top的值，這樣顯示的才是正確的，否則DIV會變高。


方法二：
思路：只用padding屬性，通過計算求得居中
結構代碼同上；
CSS樣式如下：
div
{width:225px;
height:150px;
background-color:#eee;
border:#000
1px
solid;
padding-top:50px;
padding-left:75px;}
備註：這里DIV的寬高計算都遵循盒模型原理，計算方法同上。


方法三：
思路：
利用圖片的margin屬性將圖片水平居中，利用DIV的padding屬性將圖片垂直居中。
結構代碼同上；
CSS代碼如下：
div
{width:300px;
height:150px;
background-color:#eee;
padding-top:50px;
border:#000
1px
solid;}
img
{display:block;
margin:0
auto;}
備註：
Img是內聯元素，要設置其margin屬性使其居中，就要將其轉換為塊元素display:block;然後利用margin:0
auto;實現圖片的水平居中；（有的設計師為圖片再加個div標簽，然後通過div標簽的margin實現居中