<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://bbs.csdn.net/topics/js/jquery-3.4.1.min.js"></script>
<link href="https://bbs.csdn.net/topics/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://bbs.csdn.net/topics/js/popper.min.js"></script>
<!-- 因為BootStrap.min.js中使用了popper.js 所以要把popper.js寫到上面 -->
<script src="https://bbs.csdn.net/topics/js/bootstrap.min.js"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 檔案 -->
</head>
<body>
<div id="demo" class="carousel slide wm" data-ride="carousel">
<!-- 指示符 -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ul>
<!-- 輪播圖片 -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://img.uj5u.com/2020/12/12/158829120602422.png">
</div>
<div class="carousel-item">
<img src="https://img.uj5u.com/2020/12/12/158829120602423.jpg" style="bg">
</div>
<div class="carousel-item">
<img src="https://img.uj5u.com/2020/12/12/158829120602424.png">
</div>
</div>
<!-- 左右切換按鈕 -->
<a class="carousel-control-prev" href="https://bbs.csdn.net/topics/#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="https://bbs.csdn.net/topics/#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</body>
</html>
輪播圖的 怎么去處理這個圖片內容無法劇中呀？？？？
麻煩大佬看下 謝謝
uj5u.com熱心網友回復：
你要求居中的內容本身在圖片中如果就已經是居中的，那你就只需要讓放置圖片的容器的尺寸與圖片一致（也可以是容器與圖片同時等比縮放后的尺寸）即可。轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/233355.html
標籤：JavaScript