要在圖片上顯示文字,還要在放大縮小的時候文字不到處亂跑,這個就要用盒模型裡面的大盒子套小盒子的方法了。下面舉個小例子給你看看。
html大致樣子:
<body>
<div id="box1">
<div id="box2">
<img src="https://www..com/img/bd_logo1.png">
</div>
<div id="wenzi">這里是文字</div>
</div>
</body>
css文件:
#box1{
position:relative;
width:500px;
height:500px;
margin:0 auto;
}
#box2{
position:relative;
width:100%;
height:100%;
}
img{
position:relative;
clear:both;
width:100%;
height:100%;
}
#wenzi{
position:relative;
clear:both;
width:100%;
top:-50%;
text-align:center;
color:black;
font-size:2em;
}
效果圖片:
用這種方法有個好處,就是做響應布局的時候,或者用戶在瀏覽器上放大縮小的時候,網頁整體也跟著放大縮小,不會元素到處亂跑或者某個文字跑出來,這樣看起來整體感要強烈一點。
這種做法的不足之處:div盒子有點多,html代碼看起來比較臃腫,大盒子套著小盒子。做大頁面的時候一個htm看起來眼花繚亂的。但只要做好了注釋,還是分得清楚的啦,主要是這樣弄看起來頁面整齊一點。
2. 如何在微信圖片上添加文字
在微信圖片上添加文字的操作方法參考如下:
1、打開微信,選擇一個聊天對象進入聊天界面。
3. word中怎麼在圖片上添加文字的兩種方法
word中在圖片上添加文字的方法
例如:
方法一:
步驟一:插入-文本-文本框
步驟二:形狀填充-無填充顏色形狀輪廓-無輪廓
方法二:
1、利用的是圖片的文字環繞方式,首先插入一張圖片;
2、然後雙擊圖片,打開圖片的格式樣式選項;
3、找到圖片的版式選項卡,然後看到裡面有一個襯於文字下方;
4、選擇它,並確定,會看到文字在圖片上面,然後你就可以任意的在圖片上面輸入文字了
4. 如何給圖片加上文字
用圖曰(yue)app就可以的,使用起來非常方便的
一、用什麼APP?
圖曰的功能很完成的,適合各種各樣的人群。喜歡簡單的,就可以一鍵加字。喜歡自己設計的也可以慢慢嘗試。
大家覺得好的話,就保存使用吧。
5. 如何給jpg圖片上加文字
加字圖片太好做了,那麼怎麼製作出高調又又內涵的加字圖片呢?不妨試試我今天介紹的這個方法!
1、 直接添加文字,我們可以把文字直接一鍵調整成為豎排格式
2、 使用一些模版添加文字,在這里我最愛的就是圖曰的古風模版!
一、 方法:
使用加字神器圖曰(yue)app,它可以自動識別圖片給圖片添加文字,而且還有各種各樣的加字模版可以使用,尤其是古風模版,秒現中國風。
二、 操作步驟:
打開圖曰,點擊下方的加號,選擇圖片加字。
選擇圖片加字!
進入圖片庫就可以選擇圖片了,可以選擇自己的本地圖片,也可以選擇圖曰圖庫的圖片哦。
選中圖片,點擊右下角的確定,圖曰就能自動識別圖片給圖片添加上文字了。
自動添加文字完成了,如下圖:
如果需要使用圖曰的加字模版,就點擊圖片下方的模版,就可以進入模版庫了。
進入模版庫,就可以選擇自己喜歡的心儀的模版了。
一鍵使用模版完成了,如下圖:
有朋友會問,如果想編輯圖片上的文字該怎麼辦?
單擊圖片上的文字,就可以改變字的字體,顏色,對齊方式了,點擊編輯還可以自定義文字哦。
最後點擊右上角的完成,就可以將圖片保存到本地了。
是不是超級簡單呢!
6. 圖片添加文字的工具 如何在照片上添加文字
先找一張你喜歡的圖片,把它另存為桌面(或者我的文檔),用游標右擊圖片點編輯,
這時出現一個畫圖框,左上角有:文件(f),編輯(e),查看(v),圖像(i),顏色(c),幫助(h)。先把圖片用圖像(i)調整到你需要的大小。左邊上方有一排工具欄,
然後點一下文字編輯(a),這時左上方會出現一個字體欄,你可以選擇需要的字、大小、等,
下方出現一個顏色框,可以選擇你字的顏色。用游標左鍵在圖片上劃出一個寫字范圍。
在所選的范圍內寫上你要寫的字後。用游標左擊最上方的「文件」,找到「另存為(a)...」就可以把你加好字的圖片保存在桌面或者我的文檔。簡單吧,還不行動!
利用word來寫漂亮的字:
1.點電腦左下角的「開始」打開程序找到microsoft
word點開。
2.上面一排有:文件(f),編輯(e),視圖(v),......請點開視圖(v),
再從裡面的工具欄中點出藝術字。
3.這時桌面就出現一個藝術字的工具欄,點開a,裡面有30種藝術字式樣可以選擇,
選定後輸入你要寫的字,大小和字體,確定。你就能看到你想要的漂亮字了~~
4.如果想在圖片上加字的話,先點開上面的插入(i),再點裡面的圖片,
可以把你保存在電腦里的圖片拉進來,然後繼續上面的步驟把漂亮的藝術字加在圖片上。
如果嫌麻煩,直接用qq的表情編輯
7. 圖片怎麼添加文字
在圖片上添加文字,這需要下載安裝圖像處理軟體,如PS,具體方法是:
1、選擇文字工具。
2、設置文字的屬性,如字體、字型大小、顏色、排列方式等。
3、鍵入所需要的文字。