我的身高在我的幻灯片上没有改变。
我已经尝试了高度,最小高度和最大高度。我也检查了这里和谷歌,但都不起作用。
HTML:
<div class="container show">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="images/46e3dd55b6cc4f1df004cabd85cbaac6fc8e1218.jpg" alt="Los Angeles" style="width:100%;">
<div class="carousel-caption">
<h3>Los Angeles</h3>
<p>LA is always so much fun!</p>
</div>
</div>
<div class="item">
<img src="images/black.jpg" alt="Chicago" style="width:100%;">
<div class="carousel-caption">
<h3>Chicago</h3>
<p>Thank you, Chicago!</p>
</div>
</div>
<div class="item">
<img src="images/46e3dd55b6cc4f1df004cabd85cbaac6fc8e1218.jpg" alt="New York" style="width:100%;">
<div class="carousel-caption">
<h3>New York</h3>
<p>We love the Big Apple!</p>
</div>
</div>
</div>
</div>
</div>CSS:
.show{
margin-top: 250px;
width: 100%;
max-height: 100px;
position: fixed
}如有任何帮助,请提前表示感谢
发布于 2019-08-17 07:38:09
尝试从所有img元素中删除样式标记:
<img src="images/black.jpg" alt="Chicago" style="width:100%;">
->
<img src="images/black.jpg" alt="Chicago">然后用height width max-height和max-width重试;
尽量不要在html和css中同时使用样式标签;
如果需要设置所有img标记的样式,只需使用
CSS:
img{
}https://stackoverflow.com/questions/57532102
复制相似问题