Html 使用上一个下一个滑块在中心获取旋转木马图像

Html 使用上一个下一个滑块在中心获取旋转木马图像,html,css,Html,Css,我遵循这个例子 我正试图使图像变小和居中 我更新了css以缩小尺寸 min-height: 350px; max-width: 900px; 但它是左边界的,滑块图标固定在左右两侧 有什么建议吗?如果我没有弄错的话,你要问的是使用css上的示例使图像变小并居中,改变这个 #转盘采样指示器{ 保证金:自动; 最小高度:350px; 最大宽度:900px; 溢出:隐藏; } .传送带项目{ 高度:65vh; 最小高度:350px; 背景:无重复中心滚动; -webkit背景尺寸:封面; -moz

我遵循这个例子

我正试图使图像变小和居中

我更新了css以缩小尺寸

min-height: 350px;
max-width: 900px;
但它是左边界的,滑块图标固定在左右两侧
有什么建议吗?

如果我没有弄错的话,你要问的是使用css上的示例使图像变小并居中,改变这个

#转盘采样指示器{
保证金:自动;
最小高度:350px;
最大宽度:900px;
溢出:隐藏;
}
.传送带项目{
高度:65vh;
最小高度:350px;
背景:无重复中心滚动;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
-o-背景尺寸:封面;
背景尺寸:封面;
}

  • 第一张幻灯片

    这是第一张幻灯片的说明

    第二张幻灯片

    这是第二张幻灯片的说明

    第三张幻灯片

    这是第三张幻灯片的说明

    半页图像滑块 滑块的背景图像直接在HTML中使用内联CSS设置。此片段中的图像来自


    原始示例是使用背景图像属性设置图像。如果要更改图像的宽度而不更改旋转木马的宽度,只需使用
    
    
  • 第一张幻灯片

    这是第一张幻灯片的说明

    第二张幻灯片

    这是第二张幻灯片的说明

    第三张幻灯片

    这是第三张幻灯片的说明

    半页图像滑块 滑块的背景图像直接在HTML中使用内联CSS设置。此片段中的图像来自


    这个解决了我的问题

    #carouselExampleIndicators{
    margin: auto;
    min-height: 550px;
    max-width: 900px;
    overflow: hidden;
    }
    
    .carousel-item{
     overflow: hidden; min-height: 550px; max-width: 900px; margin: 0 auto;
    }
    

    您只需使用
    .snippet{overflow:hidden;最小高度:350px;最大宽度:900px;边距:0 auto;}