我不知道如何更改角度引導輪播中箭頭之間的填充/間距
我希望每個箭頭尺寸的間距更小：
我希望每個箭頭尺寸的間距更小，所以黑色間距越來越大。
我的代碼：
<div class="container-fluid">
<ngb-carousel *ngIf="images">
<ng-template ngbSlide>
<div class="picsum-img-wrapper">
<img [src]="images[0]" alt="Random first slide">
</div>
<div class="carousel-caption">
<app-nyheter></app-nyheter>
</div>
</ng-template>
<ng-template ngbSlide>
<div class="picsum-img-wrapper">
<img [src]="images[1]" alt="Random second slide">
</div>
<div class="carousel-caption">
<h3>Second slide label</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</ng-template>
<ng-template ngbSlide>
<div class="picsum-img-wrapper">
<img [src]="images[2]" alt="Random third slide">
</div>
<div class="carousel-caption">
<h3>Third slide label</h3>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
</div>
</ng-template>
</ngb-carousel>
</div>
CSS：
img {
width: 100%;
height: 100vh;
}
.carousel-caption {
background-color: rgba(0, 0, 0, 0.8);
height: 95%;
margin-top: 20px;
}
h3 {
margin-top: 20px;
}
uj5u.com熱心網友回復：
ngb-carousel 箭頭由 css 類設定樣式，carousel-control-prev并carousel-control-next以絕對方式確定箭頭的位置。用你想要的 letf 和 right 值覆寫你的 css 中的這些類：
.carousel-control-prev {
left: 'whatyouwant'px;
}
.carousel-control-next {
right: 'whatyouwant'px;
}
uj5u.com熱心網友回復：
我設法通過將間距添加到另一個類來更改間距，但現在的問題是我無法更改箭頭本身的位置。
.carousel-caption {
background-color: rgba(0, 0, 0, 0.8);
height: 95%;
margin-top: 20px;
left: 5%;
right: 5%;
}
uj5u.com熱心網友回復：
檢查您使用的是哪個版本的 n-bootstrap，例如您可以使用的 ng-bootstrap 12.0.0（在 styles.css 中）
.carousel-control-prev {
width: 1.5rem;
}
.carousel-control-next {
width: 1.5rem;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
width: 1rem;
height: 1rem;
}
（堆疊閃電戰）
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/429617.html