Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在字符之间留出空格_Html_Hyperlink - Fatal编程技术网

Html 如何在字符之间留出空格

Html 如何在字符之间留出空格,html,hyperlink,Html,Hyperlink,我正在我的电脑上制作一个网站,顶部有一个导航栏。那里的链接看起来像是一个句子的一部分,所以我试图在它们之间留出更大的距离。我尝试在 导航屏幕截图。酒吧: <div id='header'> <img id='tlogo' src="http://i.imgur.com/lVbnNwy.png?1"> <a class="dif2" href="http://localhost:8080/Howl/Home.html">Home</a>

我正在我的电脑上制作一个网站,顶部有一个导航栏。那里的链接看起来像是一个句子的一部分,所以我试图在它们之间留出更大的距离。我尝试在

导航屏幕截图。酒吧:

<div id='header'>
  <img id='tlogo' src="http://i.imgur.com/lVbnNwy.png?1">
  <a class="dif2" href="http://localhost:8080/Howl/Home.html">Home</a>
  <a class="dif2" href="http://localhost:8080/Howl/Rules.html">Rules</a>
</div>
您可以添加CSS

  #header a{
     display:block;
     padding:8px 16px;

  }
您可以添加CSS

  #header a{
     display:block;
     padding:8px 16px;

  }
尝试这样做:

#header a{
    display: inline-block;
    padding: 10px; /*You can you whatever padding depending on your site*/
}
希望这有帮助

尝试这样做:

#header a{
    display: inline-block;
    padding: 10px; /*You can you whatever padding depending on your site*/
}

希望这有帮助

尝试放置“nbsp;”你想要空的地方。

你好 世界
尝试放置“nbsp;”你想要空的地方。

你好 世界 尝试添加此css:

<style>
#header a{
     display:inline;
     padding:10px 15px;

  }
</style>

#标题a{
显示:内联;
填充:10px 15px;
}
尝试添加此css:

<style>
#header a{
     display:inline;
     padding:10px 15px;

  }
</style>

#标题a{
显示:内联;
填充:10px 15px;
}

最好使用
    s和
  • s
    
  • 规则
  • 
    菜单李{
    显示:内联块;
    填充:0px 5px 0px 0px;
    }
    

    下面是JSFIDLE示例

    最好使用
      s和
    • s
      
    • 规则
    • 
      菜单李{
      显示:内联块;
      填充:0px 5px 0px 0px;
      }
      
      下面是JSFIDLE示例

      ,如下所示:

      <div id='header'>
        <img id='tlogo' src="http://i.imgur.com/lVbnNwy.png?1">
        <a class="dif2" href="http://localhost:8080/Howl/Home.html">Home</a>
        <a class="dif2" href="http://localhost:8080/Howl/Rules.html">Rules</a>
      </div>
      
      像这样:

      <div id='header'>
        <img id='tlogo' src="http://i.imgur.com/lVbnNwy.png?1">
        <a class="dif2" href="http://localhost:8080/Howl/Home.html">Home</a>
        <a class="dif2" href="http://localhost:8080/Howl/Rules.html">Rules</a>
      </div>
      

      你能为你给出的相应div添加CSS吗。。如果可能的话,提供一个提琴。屏幕截图有一个几乎无法读取的导航条,所以你有比间距更大的问题。@JukkaK.Korpela我的mac缩小了屏幕截图,所以这不是实际大小。实际尺寸为
      宽度:100%;高度:30px
      。您能为您给出的相应div添加CSS吗。。如果可能的话,提供一个提琴。屏幕截图有一个几乎无法读取的导航条,所以你有比间距更大的问题。@JukkaK.Korpela我的mac缩小了屏幕截图,所以这不是实际大小。实际尺寸为
      宽度:100%;高度:30px
      。哦,我没想过要添加填充/边距!将此答案标记为已接受(10分钟内)。这不是问题,很乐意提供帮助。哦,我没有考虑添加填充/边距!将此答案标记为已接受(10分钟内)。这不是问题,很乐意提供帮助。错误。你没有把你的div放在巢里是对的。第四个div标记中应该有一个斜杠。错误。你没有把你的div放在巢里是对的。第四个div标记中应该有一个斜杠。