Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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
Javascript 在不带滚动条的浏览器中查看长图像的中心_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 在不带滚动条的浏览器中查看长图像的中心

Javascript 在不带滚动条的浏览器中查看长图像的中心,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个1920X140px大小的图像。宽度是如此之大,在浏览器中,我总是看到图像左侧部分只和浏览器显示水平滚动条。如何使浏览器显示图像的中心,而无需滚动条。(其余部分在缩小时保留显示)您可以将其指定为元素的背景图像(包括标记),并为其指定中心的背景位置: css: 在DIV上使用CSS背景并设置偏移量的背景位置:属性。这可以通过简单的CSS轻松完成,我已经完成了,但不幸的是我不记得它是如何实现的。这有点像做一个全尺寸的块,并做它的背景中心谢谢。我没有给我的跳水高度,所以背景图像不可见。我给了高

我有一个1920X140px大小的图像。宽度是如此之大,在浏览器中,我总是看到图像左侧部分只和浏览器显示水平滚动条。如何使浏览器显示图像的中心,而无需滚动条。(其余部分在缩小时保留显示)

您可以将其指定为元素的背景图像(包括
标记),并为其指定中心的背景位置:

css:


在DIV上使用CSS背景并设置偏移量的
背景位置:
属性。

这可以通过简单的CSS轻松完成,我已经完成了,但不幸的是我不记得它是如何实现的。这有点像做一个全尺寸的块,并做它的背景中心谢谢。我没有给我的跳水高度,所以背景图像不可见。我给了高度,它工作了。我有趣地注意到,当我也给出宽度时,我会返回到图像最左边的视图。潜水失去了居中背景属性。
background-image: url(path/to/image.jpg); background-repeat: no-repeat; background-position: center;