要在图片上显示文字,还要在放大缩小的时候文字不到处乱跑,这个就要用盒模型里面的大盒子套小盒子的方法了。下面举个小例子给你看看。
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、键入所需要的文字。