为了账号安全,请及时绑定邮箱和手机立即绑定

.wrapper CSS 将更改我的引导卡的宽度,但不会更改高度

.wrapper CSS 将更改我的引导卡的宽度,但不会更改高度

弑天下 2023-10-16 10:15:38
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,让我知道它是否仍然不能像你想要的那样工作


查看完整回答
反对 回复 2023-10-16
  • 1 回答
  • 0 关注
  • 52 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信