我想从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或initial或inherit。

• length:length指定以px、pt、cm等为单位的填充。[长度也可以用作百分比(%(]
• initial:将填充设置为默认值
• inherit:从其父元素设置填充

因此，填充没有none值。您可以使用其中任何一个。尝试padding-right:0px;。

Answer 3

您需要将填充权限更改为0px填充：2px0px0px 16px；

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

Answer 4

你好，你不能用none值填充，你可以写padding-right:0;