css - Bootstrap : Padding top and width not working, 但 padding-bottom 是

Question

 <div class="container-fluid border">


      <a href="#" class="name"> Vamsi Krishna Pappusetti</a>
 </div>

“名称”类的

width 和 padding 顶部不起作用。

Answer 1

我将在这里进行大胆的猜测，因为您没有发布太多相关的 CSS。但是......我敢打赌问题是你正在尝试设置内联元素的填充和宽度，例如 a.如果您还没有，请将 display:inline-block 或 display: block 添加到 .name。

如果这不起作用，请提供一个最小的、完整的和可验证的示例，其他人可以在其中重现问题并进行诊断。

更新:基于您的 .name CSS:

.name { color:#FFFFFF; background-color: #4AAAA5; padding-bottom: 20px; width:500px; padding-top: 20px; font-family: Georgia, 'Times New Roman', Times, serif;}

.nameBlock {color:#FFFFFF; background-color: #4AAAA5; padding-bottom: 20px; width:500px; padding-top: 20px; font-family: Georgia, 'Times New Roman', Times, serif; display: inline-block;}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>
 <div class="container-fluid border">

Without inline block
      <a href="#" class="name"> Vamsi Krishna Pappusetti</a>
      </div>
 <div class="container-fluid border">

With inline block
      <a href="#" class="nameBlock"> Vamsi Krishna Pappusetti</a>
      </div>