在html中放置屏幕左上角的图像 [英] Placing image at the top left of the screen in html

问题描述

请参考下面的图片，我希望在屏幕的最左端和最上端添加一个图像，使得过程这个词出现在它的右侧。

please refer to the image below, I wish to add an image to the extreme left and top of the screen such that the word process appears to the right of it.

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

推荐答案

您可以使用css将图片添加到屏幕的最左端和顶端。

You can add an image to the extreme left and top of the screen by using css.

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

CSS：

CSS:

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

通过使用这个，您可以在屏幕的左侧和顶部对齐图像。
您可以参考此代码。 https://jsfiddle.net/4p0bLurz/

By using this you can align image at left and top of screen. You can refer this code. https://jsfiddle.net/4p0bLurz/

这篇关于在html中放置屏幕左上角的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！