如何将边界边缘拉近以摆脱边界内的 space

Question

我正在尝试将边框的右边缘带入，以便它更靠近我的文本

我试过更改边距

html...

<ul id="menu" >
    <li><a href="#introduction">Introduction</a></li>
    <li><a href="#whatyoushouldalreadyknow">What you should already know</a></li>
    <li><a href="#javascriptandjava">JavaScript and Java</a></li>
    <li><a href="#helloworld">Hello world</a></li>
    <li><a href="#variables">Variables</a></li>
    <li><a href="#declaringvariables">Declaring variables</a></li>
    <li><a href="#variablescope">Variable Scope</a></li>
    <li><a href="#globalvariables">Global variables</a></li>
    <li><a href="#constants">Constants</a></li>
    <li><a href="#datatypes">Data types</a></li>
    <li><a href="#if...elsestatement">if...else statement</a></li>
    <li><a href="#whilestatement">while statement</a></li>
    <li><a href="#functiondeclarations">Function declarations</a></li>
    <li><a href="#reference">Reference</a></li>
  </ul>

CSS...

#menu {
  list-style: none;
    border: 1px solid black;
}

我希望右边缘更接近文本

Answer 1

您需要定义 ul 的宽度以使边框更靠近。您可以根据需要增加或减少该值

#menu {
  list-style: none;
  border: 1px solid black;
  width: 250px;
}

代码

#menu {
  list-style: none;
  border: 1px solid black;
  width: 250px;
}

<ul id="menu">
  <li><a href="#introduction">Introduction</a></li>
  <li><a href="#whatyoushouldalreadyknow">What you should already know</a></li>
  <li><a href="#javascriptandjava">JavaScript and Java</a></li>
  <li><a href="#helloworld">Hello world</a></li>
  <li><a href="#variables">Variables</a></li>
  <li><a href="#declaringvariables">Declaring variables</a></li>
  <li><a href="#variablescope">Variable Scope</a></li>
  <li><a href="#globalvariables">Global variables</a></li>
  <li><a href="#constants">Constants</a></li>
  <li><a href="#datatypes">Data types</a></li>
  <li><a href="#if...elsestatement">if...else statement</a></li>
  <li><a href="#whilestatement">while statement</a></li>
  <li><a href="#functiondeclarations">Function declarations</a></li>
  <li><a href="#reference">Reference</a></li>
</ul>
CSS...

如何将边界边缘拉近以摆脱边界内的 space

How do I bring the border edge closer in to get rid of space within the border

html

css

border