怎么样用html语言让图片的位置向左或者是向右移动一点

怎么样用html语言让图片的位置向左或者是向右移动一点,第1张

1、<img src="" hspace="">这里的hspace指水平方向与其他元素的间隔,填个你想要的整数就行了,如果是竖直方向就用vspace,简单吧。

2、<img src="#" width="100" height="100" style=" margin-left:10px" />在图片代码里面加上margin属性。往右移就margin-left,往左移动就margin-right。

3、给图片加个class用相对定位做就可以了。例:<style type="text/css">.imgPlace{ position:relativetop:5pxleft:5px/*right:5pxbottom:5px*/}/*position:relative是相对定位的意思top是相对离上面的距离,left是相对离左面的距离,right是相对离右面的距离,bottom是相对离下面的距离,*/</style><img src="...." alt=" " title=" " class="imgPlace" />。

4、在table外面套个div,再调整div的位置。

可以写img{margin-left:30pxmargin-right:30px}

这样给左右两边都设置了30像素的距离

还可以用把margin改成padding用,但是这个要看图片旁边的一些情况,你可以都试试

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。

1、首先,打开html编辑器,新建一个html文件,例如:index.html,填充问题基础代码。

2、在index.html中的<img>标签,输入html代码:style="margin: 15px 20px 25px 30px"。

3、浏览器运行index.html页面,此时图片被成功移动了位置到距离左侧30像素,上方15像素。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6146567.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存