我想从div列表中删除右填充。

Question

我想从class=的“无边框”中移除正确的填充。我尝试了下面的CSS，但是，我不能这样做。我试过“填充物-对:没有”，但什么也没发生。

​

#menu-bar-container-2 { border: 1px solid gray; }

.menu-bar-2 a {
  float: left;
  color: black;
  padding: 2px 16px 0px 16px;
  font-size: 15px;
  text-decoration: none;
  border-right: 1px #bb4545 solid;
}

.no-border {
  border-right: none !important;
  padding: none !important;
}

<div id="menu-bar-container-2">
  <div class="menu-bar-2">
    <a href="">Home</a>
    <a href="">War in Ukraine</a>
    <a href="">Coronavirus</a>
    <a href="">Climate</a>
    <a href="">Video</a>
    <a href="">Asia</a>
    <a href="">UK</a>
    <a href="">Business</a>
    <a href="">Tech</a>
    <a href="">Science</a>
    <a href="">Stories</a>
    <a href="">Entertainment & Arts</a>
    <a href="">Health</a>
    <a href="" class="no-border">More</a>
    <img src="images/Down Arrow.png">
  </div>
</div>

​

Answer 1

padding-right: none;是无效的值属性。

将其更改为padding-right:0;或padding:0;

border-right: none;是正确和有效的。

Answer 2

CSS填充语法： padding: length|initial|inherit;，因此填充值必须是长度或初始值或继承。

• length:长度指定px、pt、cm等中的填充长度可用作百分比(%) also
• initial:将填充设置为其默认的value.
• inherit:集其父元素的填充。

因此，填充没有none值。你可以用这两种。试试padding-right:0px;。

Answer 3

您需要将填充权更改为0 0px填充:2 0px 0 0px0 0px 16 0px；

   .menu-bar-2 a {
      float: left;
      color: black;
      padding: 2px 0px 0px 16px;
      font-size: 15px;
      text-decoration: none;
      border-right: 1px #bb4545 solid;
    }