Question

我在调整jQuery标签方面遇到了麻烦，我已经使用了一些代码并更改了它并自己设置了样式，但是对齐似乎在左边留下了一个我不想要的空间，并且我不知道如何摆脱它。这就是我的意思......

这是CSS代码：

.usual {
  color:#111;
  padding:15px 20px;
  margin:8px auto;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10pt Verdana;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#fff;
  background:#003663;
  border-bottom:1px solid snow;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:snow;
  font:8pt Verdana;
  border: 1px solid #d0d0d0;
}
.usual div a { color:#000; font-weight:bold; }

希望你能帮助我把它转移到左边，我一直想弄清楚它是什么，而且不能:(

谢谢和问候。

Answer 1

我猜测ul应用了边距或填充。删除它：

.usual > ul {
    margin: 0;
    padding: 0;
}

Answer 2

.usual左侧填充为20px。那是你想要摆脱的吗？

Answer 3

在Google Chrome中或使用FireFox的Web Developer插件检查您的元素。找到元素并检查它的所有继承样式;很有可能，就像icktoofay说的那样，你可能在某个地方继承了。如果像他说的那样，增加保证金和对于UL，padding = 0，你可以试试hack！important

.usual ul {
margin: 0 !important;
padding: 0 !important;
}

但是请注意，如果您在UL元素上使用任何其他边距/填充，您将丢失那些，使用！important或不使用，因为margin: 0设置了所有4个边。仅针对左侧：

.usual ul {
margin-left: 0 !important;
padding-left: 0 !important;
}

有时黑客行为不起作用，这就是为什么通过首先检查浏览器中的元素来检查你的继承是很重要的。

jQuery选项卡需要转移

3 个答案: