Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html <;div位置:绝对位置;左:Xpx;top>…;不';行不通_Html_Css - Fatal编程技术网

Html <;div位置:绝对位置;左:Xpx;top>…;不';行不通

Html <;div位置:绝对位置;左:Xpx;top>…;不';行不通,html,css,Html,Css,我正在制作一个网站,我有两个问题(X和Y是数字) 代码设置句子、图像或hr等的位置。。。 在我的网站上,我使用设置我的句子,并将其设置在中间位置,问题是当我还原浏览器并调整其大小时,句子的位置会发生变化! 另一个问题是,当我转到另一台屏幕更大(或更小)的PC或笔记本电脑时,句子的位置变为中间偏左! 我认为“px”参数的问题在于,当你调整浏览器屏幕的大小时,px的位置会发生变化,就像不同的计算机有不同的屏幕一样。 的示例: 如果要设置“绝对”位置,则无论浏览器大小如何,元素将始终位于左侧的“X”p

我正在制作一个网站,我有两个问题
(X和Y是数字) 代码
设置句子、图像或hr等的位置。。。 在我的网站上,我使用设置我的句子,并将其设置在中间位置,问题是当我还原浏览器并调整其大小时,句子的位置会发生变化! 另一个问题是,当我转到另一台屏幕更大(或更小)的PC或笔记本电脑时,句子的位置变为中间偏左! 我认为“px”参数的问题在于,当你调整浏览器屏幕的大小时,px的位置会发生变化,就像不同的计算机有不同的屏幕一样。
的示例:


如果要设置“绝对”位置,则无论浏览器大小如何,元素将始终位于左侧的“X”px和顶部的“Y”px处。根据您的描述,如果您希望元素始终居中,我发现最好的方法是使用css样式设置其父元素(它所包含的元素):

text-align:center;
margin:0px auto;
然后使用css样式设置要居中的元素:

text-align:center;
margin:0px auto;
0px表示元素(Y轴)上方和下方的边距,自动设置元素左侧和右侧的边距。或者,如果您对此感到困惑,您可以将各个页边距设置为:

margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
您可以将上下页边距设置为所需的任意值,但必须保持左、右为“自动”;如果您希望元素完全居中,您可能希望将其设置为百分比,尽管它需要进行大量调整,以使其在许多屏幕大小上都能完美工作

祝你好运,希望我能帮忙


p.S.必须确保元件不再处于位置:绝对位置;取而代之的是:相对的;或者将其留空

如果您正在设置“绝对”位置,则无论浏览器大小如何,元素将始终位于左侧的“X”px和顶部的“Y”px位置。根据您的描述,如果您希望元素始终居中,我发现最好的方法是使用css样式设置其父元素(它所包含的元素):

text-align:center;
margin:0px auto;
然后使用css样式设置要居中的元素:

text-align:center;
margin:0px auto;
0px表示元素(Y轴)上方和下方的边距,自动设置元素左侧和右侧的边距。或者,如果您对此感到困惑,您可以将各个页边距设置为:

margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
您可以将上下页边距设置为所需的任意值,但必须保持左、右为“自动”;如果您希望元素完全居中,您可能希望将其设置为百分比,尽管它需要进行大量调整,以使其在许多屏幕大小上都能完美工作

祝你好运,希望我能帮忙


p.S.必须确保元件不再处于位置:绝对位置;取而代之的是:相对的;或者将其留空

是否可以将代码插入JSFIDLE以便我们查看问题?是否可以将代码插入JSFIDLE以便我们查看问题?相同的问题。。当我想重新调整浏览器页面的大小时,这些单词会相互隐藏(就像我做的那样),而在css中,句子会隐藏在我拥有的图像下,我再也看不到这个句子了!我不是100%确定你的问题,在重读的时候,我觉得你想要整个句子随着浏览器调整大小,如果不能适应的话,物理上会变小。不要把我的话当作法律,但我很确定你不能单靠css和html来做到这一点,尤其是html本身。如果需要的话,您需要一点javascript。此外,您应该将样式从HTML中分离出来,并将其放在标签中的标题中。如果我不正确,您只希望在调整浏览器大小时将句子居中并保持在一行上,您可以为句子的容器设置一个固定的宽度,足以舒适地容纳句子。同样的问题。。当我想重新调整浏览器页面的大小时,这些单词会相互隐藏(就像我做的那样),而在css中,句子会隐藏在我拥有的图像下,我再也看不到这个句子了!我不是100%确定你的问题,在重读的时候,我觉得你想要整个句子随着浏览器调整大小,如果不能适应的话,物理上会变小。不要把我的话当作法律,但我很确定你不能单靠css和html来做到这一点,尤其是html本身。如果需要的话,您需要一点javascript。此外,您应该将样式与HTML分开,并将其放在标签中的标题中。如果我不正确,并且您只希望在调整浏览器大小时将句子居中并保持在一行上,您可以为句子的容器设置固定的宽度,足以舒适地容纳句子。