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

时间:2017-08-18 12:31:32

标签: 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

1 个答案:

答案 0 :(得分:0)

您可以使用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/