html - 在html中将图像放置在屏幕的左上角

标签 html css image stylesheet

请引用下图,我希望在屏幕的最左侧和顶部添加一个图像,这样单词 process 就会出现在它的右侧。

<div class="row">
<!--img src="C:/D DRIVE DATA/databit/ymlsite/images/generic/Logo.png", 
height = 50 width = 50/-->
</div>

enter image description here

最佳答案

您可以使用 css 在屏幕的最左侧和顶部添加图像。

<div class="row">
    <img src="C:/D DRIVE DATA/databit/ymlsite/images/generic/Logo.png", 
     height = 50 width = 50/>
</div>

CSS:

img {
    width: 400px;
    height: 400px;
    position: absolute;
    left:0;
    top:0;
}

通过使用它,您可以在屏幕的左侧和顶部对齐图像。 你可以引用这段代码。 https://jsfiddle.net/4p0bLurz/

关于html - 在html中将图像放置在屏幕的左上角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45756725/

相关文章:

jquery - IMG 热点 - 启用可点击区域

java - 如何处理 kabeja 上的此错误?

c# - 无法使用 WPF 在横向上打印我的位图

c++ - 如何正确使用Qt QML Image Provider

php - 如何对齐 Bootstrap 缩略图

javascript - PHP-基于复选框全选

php - HTML 电子邮件表单不发送消息

jquery - 页面滚动后div需要屏幕垂直居中

html - 如何在图像元素上获得绝对定位?

html - 在一行中对齐循环输出