Question

 <div class="container-fluid border">


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

width和padding顶部＆＃34;名称＆＃34;上课不行。

Answer 1

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

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

更新：基于您的.name CSS：

＆＃13;

.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;}

＆＃13;

<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>

＆＃13;

Bootstrap：填充顶部和宽度不起作用，但填充底部是

1 个答案: