Html 调整网页上文本位置的困难_Html_Css_Positioning

Html 调整网页上文本位置的困难

html css

Html 调整网页上文本位置的困难,html,css,positioning,Html,Css,Positioning,我在调整网页上文本的位置时遇到困难。页面上的项目似乎四处浮动，而不是锁定。我需要它们相对于背景图像保持静止例如，我有一个名为“leftMenu”的div项，我希望左侧菜单保持在背景图像左侧大约20个像素的位置。在我不得不将背景图像居中之前，一切似乎都很顺利。现在背景图像居中，我似乎失去了锁定相对于背景的div位置的能力当屏幕是全尺寸时，看起来不错，但当页面大小改变时，左菜单到处都是。我目前正在使用绝对和相对定位进行大量的尝试和错误，但我似乎无法获得正确的设置组合，以使项目保持不变，而不管页面

我在调整网页上文本的位置时遇到困难。页面上的项目似乎四处浮动，而不是锁定。我需要它们相对于背景图像保持静止

例如，我有一个名为“leftMenu”的div项，我希望左侧菜单保持在背景图像左侧大约20个像素的位置。在我不得不将背景图像居中之前，一切似乎都很顺利。现在背景图像居中，我似乎失去了锁定相对于背景的div位置的能力

当屏幕是全尺寸时，看起来不错，但当页面大小改变时，左菜单到处都是。我目前正在使用绝对和相对定位进行大量的尝试和错误，但我似乎无法获得正确的设置组合，以使项目保持不变，而不管页面大小

第页：用户：test2 通行证：abc111

如果您有任何建议，我们将不胜感激。

与其使用大背景拍摄一段文字并将其绝对置于中间，不如使用与背景图像大小完全相同的一段文字并将其居中：

CSS:

HTML:


//这里的一切

根据您的要求，根据我的要求，您必须创建一个包装器div，其中应显示您的全部内容，并且您需要使用jquery/javascript计算包装器顶部、右侧、左侧和底部的位置，使其位于屏幕中央。例如jquery的lightbox。因为当监视器大小改变时，分辨率也随之改变，背景图像的位置也随之改变，但内容是根据元素的id/class上设置的css设置的。

从背景css中删除“固定的”

html, body{
    height:100%;
    position:relative;
}


div.siteWrapper{
    background: !VALUE;/* your background*/
    padding: 0 0 0 0;  /* the space top, right, bottom, left from the edge of the bg image to the content box of the image*/
    width: !VALUE;     /* width of your background - (left + right padding)*/
    margin:100px auto; /* this will center your site horizontally and move it away from the top*/
}

<body>
    <div class="siteWrapper">
        //everything in here
    </div>
</body>