【问题标题】:What is blocking my pitcure in my website? HTML, CSS [closed]是什么在我的网站上阻止了我的图片? HTML,CSS [关闭]
【发布时间】:2016-05-02 07:23:48
【问题描述】:

我希望我的图片完整且居中,但有一些东西挡住了它,这是一个可容纳 9 张图片的滑块,每张图片都有一个盒子,可以容纳在图片内部。

主要问题是保存图片的植物,问题是我一直在努力让它更大,以便图像可以占据页面的整个中心

这是我的 css 中的部分代码

div.carousel .col-md-4.animation-element {
 min-width: 400px !important;
 margin-left: 0%; 
}

.carousel-indicators {
    margin-bottom: 10%;
}

.carousel .item{
    margin: 0 auto;    
}

这是Website

我尝试更改引导程序的 css,但没有成功,我将配置设置为“margin:0 auto;”也不过没有

【问题讨论】:

  • 欢迎来到 Stack Overflow!寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码。尽管您提供了一个示例链接,但如果该链接失效,您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。
  • 请阅读How to Ask
  • 你要清楚,我们看到的是带有多张图片的幻灯片?你的意思是容纳它们的容器吗?请注意,指向网站的链接不是一个好主意,因为您的网站可能随时消失,并且对除您以外的任何人都没有帮助。请改用简洁的示例。
  • 我更新了我的问题

标签: html css carousel


【解决方案1】:
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}

我删除了溢出:隐藏;对我来说它看起来不错。

【讨论】:

  • 我从 bootstrap.min.css 中删除了它,它在 Firefox 中运行良好 :)
猜你喜欢
  • 2013-12-25
  • 2023-01-18
  • 1970-01-01
  • 2015-01-07
  • 2021-07-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-02-07
相关资源
最近更新 更多