div是將網頁區塊化處理,css是給對應的div應用對應的樣式,你所說的圖片上進行文字處理,有兩種辦法,:1將圖片變成該區塊的背景圖,<div
style="background:url(images/index8_29.gif)
repeat-y;">然後在這個區塊中你就可以自己定義文字了,比如<div
style="fontsize:12px;colour:#000000;margin-left:auto;
margin-right:auto;">所要放的文字</div></div>
2. 在div裡面加入圖片後,如何在圖片上加圖片和文字
看你標題的意思是,圖片2是在圖片一上嗎?
1.<p>文字</p>讓文字跟圖片2的大小一樣,給p一個text-align:center;
2.給外面的DIV加個相對定位,再讓圖片2絕對定位到圖片1上,bottom為0,z-index為9998,再給p絕對定位,bottom也為0,z-index為9999
3. div里圖片與文字水平居中對齊
vertical-align
用div把文字和圖片分別括起來,div設置float為left
<div style="height:500px;line-height:500px;">
<div style="float:left;height:500px;vertical-align:middle;">
<img src=""/>
</div>
<div style="float:left;height:500px;vertical-align:middle;">
sdf
</div>
</div>
4. 在div內有圖片和文字的情況下,如何隱藏圖片只顯示文字
<div>
<imgsrc=""/>
顯示文字
</div>
<styletype="text/css">
divimg{
display:none;
}
</style>
如上面代碼所示 div中同時有文字和圖片 如果想讓圖片不顯示 只顯示文字
那隻需要吧img標簽隱藏掉就好了
5. 在網頁裡面怎麼用div+css讓圖片和文字在一行呢
<div
style="
background-image:url(您的圖片位置)">
<div>這里添加logo
(用css控制就可以了)</div>
<div>這里可以添加文字了!如果需要的話可以吧文字放在一個容器里,並用css控制它的位置。</div>
</div>
這個我調試過了
在所有瀏覽器上都沒有問題的!
6. 一個DIV中,如何同時插入圖片和文本
這個 問題 寫好樣式就可以解決了
<style>
div{width:300px; border:#000 1px solid; float:left; padding:5px; line-height:150%;}
img{ width:150px; float:left; margin-right:5px;}
</style>
<div >
<img src="001.jpg" />文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
</div>
希望對你有幫助
7. 在div插入的圖片上寫文字,怎麼寫代碼
方法1:<div
style="width:200px;
height:200px;
background:url(
圖片路徑)">表示的字</div>
方法2:css樣式:id
.bac
{width:200px;
height:200px;
background:url(
圖片路徑)}
<div
class="bac">表示的字</div>
------------------------------------------------------------
把插入的圖片設置成背景圖就行了
8. 在div插入的圖片上寫文字,怎麼寫代碼
<divstyle="background:url(img.jpg)no-repeat;">
輸入文字內容信息
</div>
9. DIV內圖片文字如何水平對齊 如圖
<style>
img {
vertical-align: middle;
}
</style>
<div>
<img src="u=1126160133,1150686243&fm=58.jpg" height="100"/>
<img src="QQ圖片20140522110018.jpg" height="50"/>
<span>阿薩德各位給二哥如果微軟</span>
</div>
10. css html 如何讓div里邊的圖片和文字同時上下居中
方法步驟如下:
1、首先打開計算機,使用瀏覽器打開a.html,可以看到默認情況,是圖片置頂對齊,文字置底對齊,所以通常圖片高,文字低,不能水平居中對齊。