當我使用display:block時，它不想以前工作過的工作。當我檢查時，它顯示我在display:block上刪除了?，F(xiàn)在按鈕位于山口的右側(cè)，我需要將它們放置在圖像下方的中間。html<div class="sectionLight"> <div class="row"> <div class="col-sm-12"> <div class="row"> <div class="col-sm-12 col-lg-4"> <img class="img-fluid imgCenter" src="images/square.png"> <div class="row"> <div class="col-sm-12"> <button type="button" class="btn btn-danger btn-lg btnCenter" data-toggle="modal" data-target=".square-modal-lg">Prime</button> </div> </div> </div> <div class="col-sm-12 col-lg-4"> <img class="img-fluid imgCenter" src="images/fibo.png"> <div class="row"> <div class="col-sm-12"> <button type="button" class="btn btn-danger btn-lg btnCenter" data-toggle="modal" data-target=".fibo-modal-lg">Fibo</button> </div> </div> </div> <div class="col-sm-12 col-lg-4"> <img class="img-fluid imgCenter" src="images/square_copy.png"> <div class="row"> <div class="col-sm-12"> <button type="button" class="btn btn-danger btn-lg btnCenter" data-toggle="modal" data-target=".prime-modal-lg">Square</button> </div> </div> </div> </div> </div> </div></div>CSS.btnCenter { display: block; margin: auto; margin-top: 15px; margin-bottom: 20px; width: 50%;}
1 回答
慕雪6442864
TA貢獻1812條經(jīng)驗 獲得超5個贊
您可能已經(jīng)包含了另一個 css 腳本來覆蓋當前的腳本。
你可以嘗試去做一下!important。如果這不起作用，您可能必須使您的選擇器比當前覆蓋它的選擇器更具體。
.btnCenter {
display: block !important;
margin: auto;
margin-top: 15px;
margin-bottom: 20px;
width: 50%;
}
您可以在開發(fā)工具中對此進行調(diào)試。請參見下面的示例圖片：
在此示例中，primary.css 在 css 層次結(jié)構(gòu)中處于較高位置（意味著該文件的primary.css包含時間晚于stacks.css），因此，它將覆蓋選擇器。
- 1 回答
- 0 關(guān)注
- 108 瀏覽
添加回答
舉報
0/150
提交
取消