如何保持相对于屏幕/浏览器大小的按钮,文本和图像?

时间:2012-01-04 20:49:13

标签: html css size webpage relative

我正在创建一个小型网站,而且我对CSS很新,但每当我改变网页的大小时,我正在处理的任何内容都不会相对于它正在显示的屏幕大小。例如,我在右边有文字,如果我通过最大化右边的文本来增加我的浏览器大小并且现在位于浏览器的中心。

我的一张图片正在通过拖动浏览器的一角来增加和减少网页大小。我在我的超链接列表,文本框或文本上使用相同的CSS代码,但它根本不起作用。

我研究过高低,我发现了一些东西,但似乎没什么用。我变得非常沮丧,我的网站也是本地的,所以我甚至无法分享链接。如果有人不理解我的意思,我会尝试重新解释它,这很难解释这个问题。

适用于图片的代码:

img {
    padding-top:50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

此外,我想将超链接移动到左上角,如果这有所不同,则不会自动分配它们,我也无法触摸HTML代码,只有CSS。 (我正在做一个CSS测试,看看我是否能够复制已经完成的网页图像。我不是这样做的,作为课程作业的一部分或在大学/大学的测试,我是学生,但我我是一名软件工程师,这是我自学的兼职作业。提前谢谢。

1 个答案:

答案 0 :(得分:2)

您可以使用百分比表示法

例如:

img {
  padding-top:50px;
  display: block;
  margin-left: 10%;
}