body {padding-right: 30px;padding-left: 30px;padding-bottom: 30px;background-color: #228B9D;}div.tron { padding-bottom: 40px; padding-right: 250px; padding-left: 250px;}.wrapper{ width: 1000px; margin: 0 auto;}div.card-block {padding-top: 15px;padding-left: 15px;} <div class="wrapper"> <div class="container-fluid"> <div class="card flex-row flex-wrap" > <img src="https://image.flaticon.com/icons/svg/1482/1482003.svg" alt="sop" style="background-color: #324A5E;"> <div class="card-block"> <h4 class="card-title">Title</h4> <p class="card-text">Description</p> </div> <div class="w-100"></div> <div class="card-footer w-100 text-muted"> <a href="#" class="btn btn-primary">BUTTON</a> </div> </div> </div> </div>您好，我對網頁編碼非常陌生，似乎遇到了一個我無法解決的小問題。我正在嘗試使用 CSS 更改卡片的高度。我將寬度設置為 1000px，效果很好。然而，當我輸入高度為 300px 時，它不會改變卡片的任何內容。有什么原因只能改變寬度而不能改變高度嗎？讓我知道我是否應該包含更多信息。謝謝！
1 回答
HUX布斯
TA貢獻1876條經驗 獲得超6個贊
據我所知，你的一些 div 似乎沒有正確對齊，我已經重新格式化了它，我現在可以調整卡塊的高度
看看這里：https://codesandbox.io/s/exciting-galileo-16u87
另外，在你的CSS中，你不需要div.tron作為一個類，你可以只使用.tron，讓我知道它是否仍然不能像你想要的那樣工作
- 1 回答
- 0 關注
- 106 瀏覽
添加回答
舉報
0/150
提交
取消