要在图片上显示文字,还要在放大缩小的时候文字不到处乱跑,这个就要用盒模型里面的大盒子套小盒子的方法了。下面举个小例子给你看看。
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看起来眼花缭乱的。但只要做好了注释,还是分得清楚的啦,主要是这样弄看起来页面整齐一点。
⑵ 如何给图片加上文字
用图曰(yue)app就可以的,使用起来非常方便的
一、用什么APP?
图曰的功能很完成的,适合各种各样的人群。喜欢简单的,就可以一键加字。喜欢自己设计的也可以慢慢尝试。
大家觉得好的话,就保存使用吧。
⑶ 如何用手机在图片上加入文字
工具/原料:美图秀秀手机版。
1、首先在我们的手机桌面上找到美图秀秀并点击它。
⑷ 怎么用PS软件在图片上添加文字
用PS软件在图片上添加文字的具体步骤如下:
我们需要准备的材料分别是:电脑、PS。
1、首先我们打开需要编辑的添加文字的图片,然后在工具的选项栏里面选择横排文字工具,或者也可以选择直排文字。
⑸ 如何在一张图片里 插入文字
可以使用PS软件,方法如下:
1、首先在电脑上打开PS软件,然后在PS中打开需要处理的图片。
⑹ 图片怎么添加文字
在图片上添加文字,这需要下载安装图像处理软件,如PS,具体方法是:
1、选择文字工具。
2、设置文字的属性,如字体、字号、颜色、排列方式等。
3、键入所需要的文字。
⑺ 你好,照片上添加文字怎么弄
1、以苹果手机为例,可以使用手机上的第三方软件来添加文字,如“美图秀秀”,首先要打开手机上的“美图秀秀”。
⑻ word中怎么在图片上添加文字的两种方法
word中在图片上添加文字的方法
例如:
方法一:
步骤一:插入-文本-文本框
步骤二:形状填充-无填充颜色形状轮廓-无轮廓
方法二:
1、利用的是图片的文字环绕方式,首先插入一张图片;
2、然后双击图片,打开图片的格式样式选项;
3、找到图片的版式选项卡,然后看到里面有一个衬于文字下方;
4、选择它,并确定,会看到文字在图片上面,然后你就可以任意的在图片上面输入文字了
⑼ 如何给图片添加文字
1、首先右击需要添加文字的图片图片,从弹出的菜单中选择“打开方式”,再选择“画图”命令: