HTML中如何设置插入图像的位置?

发布网友发布时间：2022-04-23 15:48

共6个回答

热心网友时间：2022-04-19 09:56

<img src="ad-02.jpg" width="400px"; height="200px"; style="position:absolute; left:100px; top:100px; ">修改left 和top的值。

<html>
<head>
<style type="text/css">   <! 设置图片的属性>
img{
position:absolute;   <! 绝对位移>
left:300px;
top:150px;
<! width="1000px"; 这里设置图片宽度，但是并没有成功>
<! height="400px";这里设置图片高度，但是并没有成功建议使用下面的方法来调增宽度>
} <! 图像的属性，包括位置，x,y方向的坐标 >
</style>
</head>
<body>
<img src="./fan.jpg" width="800" height="800" />   <! 这里的图片路径我放在网页的当前目录>
</body>

如果想固定字体在网页中的位子可以用如下标签：

以上红色部分是注释！

热心网友时间：2022-04-19 11:14

在父元素中设置position:relative
子元素中设置position:absolute
接着对图片用left和top设置起位置
反复调试

热心网友时间：2022-04-19 12:49

你需要为你的图片加上一个父元素<DIV></DIV>，在DIV标签里面你可以加上CSS样式，style="float：left（向左浮动）；margin：(XX)px (XX)px (XX)px (XX)px(这4个XX分别控制上、右、下、左的边距)；

热心网友时间：2022-04-19 14:40

<img src="ad-02.jpg" width="400px"; height="200px"; style="position:absolute; left:100px; top:100px; ">

修改left 和top的值

热心网友时间：2022-04-19 16:48

如果不是固定的图片，最好不用absolute，这样不利于页面展示，外层最好再包一层，控制外层的位置，图片给100%就可以了，不然自适应很麻烦

热心网友时间：2022-04-19 19:13

<img width="80" height="40" src="images/lookapp.png" style="position:absolute; right:200px;top:100px; ">
图片在右边的位置设置：right:200px;距离右边的距离 top:100px;距离最上边的距离

全部栏目

HTML中如何设置插入图像的位置?