限制<a> element division</a>的长度（div宽度）

Question

有没有办法限制“a”元素的宽度？我使用“a”元素作为切换按钮，但“a”元素右侧的空白仍然是指针光标样式，我不想要。这是一些代码：

HTML：

<a class="ChartLink" id="CapstoneLink"> Global Leadership </a>

CSS：

.ChartLink, a {
padding: 10px;
cursor: pointer; }

文本左侧的所有空白区域仍然是指针光标。如何将文本的长度限制为仅包含文本？

Answer 1

正如您所评论的那样，我猜您需要的是margin而不是padding，因为padding在元素内部计算，而margin在外部计算。学习CSS Box Model，您将获得这个概念。

Demo

.ChartLink, a {
   margin: 10px;
   cursor: pointer;
}

---

嗯，你的问题解释了一些不同的东西，你提供的标记也不同，所以我假设你在div内嵌入a元素，好像它只是a而不是白色空间赢了不存在，因为默认情况下它是inline元素。由于div默认为block级别元素，因此您需要将其设为inline。

Demo

a.ChartLink div {
    display: inline;
}

What you are doing

What you want to

---

虽然我们在这里制作div元素inline，但更可取的是使用span。