css屏幕两边隐藏中间显示

CSS屏幕两边隐藏中间显示，通常是通过设置一个固定宽度的容器，然后通过设置一些CSS属性，使得这个容器只显示它内部的一部分。

最常见的方法是使用overflow: hidden;属性来隐藏容器中溢出的内容。这样，只要容器的宽度足够大，就可以将容器中的所有内容隐藏。

.container {
  width: 1000px;
  overflow: hidden;
}

如果你希望容器的宽度可以根据屏幕的大小自动调整，可以将width属性设置为100%。然后，通过使用max-width属性来限制容器的最大宽度，避免在超大屏幕上出现横向滚动条。

.container {
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
}

还有一种常见的做法是使用负边距。通过设置一个固定宽度的容器，然后将左右两侧的边距设置为负数，就可以将容器中间的内容显示出来。

.container {
  width: 1000px;
  margin: 0 -100px;
}

需要注意的是，使用负边距时，容器中的内容不会被裁剪，而是会溢出到容器外部。这可能会影响到其他元素的布局，因此需要谨慎使用。