个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
当我将宽度和高度更改为小于 100% 时，它会抛出整个代码并切断图像。我真的很希望它只是居中而不占用太多空间。
我已经将所有图像的大小调整为大约。 500x500 或 500x660 不会过度拉伸(stretch)图像。如果我在我的代码中更改高度和宽度，它会把它全部扔掉，我应该从轮播更改为某种画廊或卡片吗？我只希望它位于中间而不是几乎整个页面。
<style>
body {font-family: Arial, Helvetica, sans-serif; margin: auto;}
.carousel-inner img{width: 100%; height: 100%; margin-top: 100px; margin-bottom: 100px}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-success">
<span class="navbar-brand mb-1 h1">Home</span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav navbar-right">
<li class="nav-item">
<a class="nav-link" href="./index.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact Us!</a>
</li>
</ul>
</div>
</nav>
<p><br /><br /></p>
<!--gallery-->
<div class="container">
<div id="blah" class="carousel slide" data-ride="carousel">
<!--indicators-->
<ul class="carousel-indicators">
<li data-target="#blah" data-slide-to="0" class="active"></li>
<li data-target="#blah" data-slide-to="1"></li>
<li data-target="#blah" data-slide-to="2"></li>
<li data-target="#blah" data-slide-to="3"></li>
<li data-target="#blah" data-slide-to="4"></li>
<li data-target="#blah" data-slide-to="5"></li>
<li data-target="#blah" data-slide-to="6"></li>
<li data-target="#blah" data-slide-to="7"></li>
<li data-target="#blah" data-slide-to="8"></li>
<li data-target="#blah" data-slide-to="9"></li>
<li data-target="#blah" data-slide-to="10"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="imgs/1handle.jpg" alt="crystal handle">
</div>
<div class="carousel-item">
<img src="imgs/4rods.jpg" alt="a group of rods by me" >
</div>
<div class="carousel-item">
<img src="imgs/blackcollage.jpg" alt="black rod" >
</div>
<div class="carousel-item">
<img src="imgs/bluecollage.jpg" alt="royal blue rod">
</div>
<div class="carousel-item">
<img src="imgs/greencollage.jpg" alt="green rod" >
</div>
<div class="carousel-item">
<img src="imgs/redcollage.jpg" alt="red rod" >
</div>
<div class="carousel-item">
<img src="imgs/shinybluecoll.jpg" alt="metallic blue rod">
</div>
<div class="carousel-item">
<img src="imgs/whiteredcoll.jpg" alt="white and red rod">
</div>
<div class="carousel-item">
<img src="imgs/handles.jpg" alt="assorted handles">
</div>
<div class="carousel-item">
<img src="imgs/customer.jpg" alt="happy customer testing the waters">
</div>
</div>
<!--controls/arrows-->
<a class="carousel-control-prev" href="#blah" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#blah" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
最佳答案
尝试给图像一个 width: 100%; height: auto; 它会自动缩放图像。接下来调整您的 carousal 高度和宽度。
关于css - 试图调整我的旋转木马，旋转木马占据了太多的页面，我怎样才能让它成为中心的一个小功能？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55799447/
24
4
0
我正在学习 Go，但我无法在任何地方找到这个答案。 Web开发中的文件扩展名是否有任何官方标准？我见过多种约定，例如 .tmpl 和 .gtpl，这是什么？谢谢。 最佳答案 没有固定的标准，但有一些相
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题. 8 年前关闭。 Improve
假设我有两个类(class) Widget ^ | Window 我还有另一个类应用程序: 定义如下 class Application { public: ... private:
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我多年来一直在使用 MySQL，直到去年左右，主要是在较小的项目上。我不确定是语言的性质还是我缺乏真正的教程让我不确定我正在写的东西是否是优化目的和扩展目的的正确方法。 虽然自学 PHP，但我对自己和
我已经多次读到 EJB 是重量级的……但昨晚我正在浏览关于 EJB 的 Java EE 6 教程，它们似乎只是普通的 Java 对象，除了它们可以有像 Stateless 或 Singletons 这
如何使此 SimpleModal 脚本在页面加载时加载而不是单击按钮？谢谢=) Demo 基本模态对话框 对于此演示，SimpleModal 使用此“隐藏”数据作为其内容。您还可以使用标准 HTML
这是 Haskell 中的代码: class Fooable a where foo :: a -> a instance Fooable (a, a) where foo = ...
是否有推荐的方法来测试 Actor 是否使用 be 正确改变了其行为？我更喜欢使用 FSM 的原因之一是因为我可以轻松验证 Actor 是否已更改其行为。我不知道在使用 become/unbecome
我正在构建一个位于“php my admin”中的表，我是在第一次点击其中一个“th”它的 asc 时这样做的，现在我试图在第二次点击时制作 desc ..有什么想法吗？ 阿姆..很多我不记得了抱歉.
考虑以下网页。 我在 Firefox 中打开此页面，打开 JS 控制台并键入以下内容。 > document.getElementById(
如何让自己成为 postgresql 的 super 用户？ 我一直在尝试创建数据库，但我不断收到以下错误: createdb: database creation failed: ERROR: pe
Query没有太大帮助。 如前所述here , PostgreSQL 是 ORDBMS。 here ，它解释了 PostgreSQL 是 RDBMS。 PostgreSQL 是一个 ORDBMS 是什
我已经看到，当在导航元素中使用的链接中垂直/水平居中文本时，将链接设置为 flex 容器会很有用。我没有意识到链接文本实际上可以是一个(单个) flex 元素。我可以看到链接中的 span 元素可以是
我见过很多说明如何找到给定集合的子集的示例，但是您如何将一个集合设为另一个集合的子集？所以集合 B 是集合 A 的子集，这将如何实现？我目前正在使用递归性质的方案，但是这本书只展示了如何列出子集而不是
有些程序会根据其标准输出是否为 tty 来更改其输出。因此，如果您将它们放入管道或重定向它们，输出将与您的 shell 中的不同。这是一个例子: $ touch a b c # when runnin
我正处于项目的开始阶段，到目前为止我一直在使用默认的 MySQL 数据库。 对了，默认的数据库有名字吗？ 我的问题是如何在不删除当前表和创建新表的情况下将现有表更改为 utf-8 和 InnoDB。是
我正在尝试编写一个过滤器来包装数据以遵循 JSON API spec到目前为止，它适用于我直接返回 ActionResult 的所有情况，例如 ComplexTypeJSON。我试图让它在像 Comp
我在 Storyboard 上创建了一个带有一个 UITextField 的自定义 UIViewController。在 viewDidLoad 上，我将 UITextFIeld 设置为 become
我已经看到关于 valueless_by_exception 方法的 cppreference 的以下注释: A variant may become valueless in the followi
我是一名优秀的程序员,十分优秀！