仅使用HTML(不使用CSS)能否实现图片垂直向上移动?
仅用纯HTML实现图片垂直向上移动可行吗?
Short answer: 不行——严格意义上的纯HTML(不使用任何形式的CSS,包括内联style属性)没有原生属性可以让图片垂直向上偏移。
为什么?
HTML的<img>标签自带的属性(比如src、alt、height、width)都是用来定义图片的基础信息和尺寸的,没有任何属性负责控制元素的位置偏移。所有元素的位置调整都是CSS的职责范围。
如果你可以接受内联CSS(可能误解了“不使用CSS”的范围)
如果你的“不使用CSS”只是指不用外部样式表或内部<style>块,而是允许内联style属性(毕竟你当前的代码已经用了style="float: left;",这本身就是内联CSS),那可以通过添加相对定位和负的top值来实现向上移动:
<img src="katjalogo.gif" alt="Katja Logo" height="150" width="200" style="float: left; position: relative; top: -10px;">
这里的top: -10px会让图片相对于它原本的位置向上移动10像素,你可以根据需要调整数值的大小。
别混淆HTML的align属性
有些同学可能会想到HTML的align属性(比如align="top"),但这个属性只是控制图片和周围文本的对齐方式(比如让图片顶部和文本顶部对齐),并不是让图片本身向上偏移位置,所以达不到你想要的效果。
内容的提问来源于stack exchange,提问作者L. Peters
相关产品推荐
相关产品推荐

