Question

我是HTML格式，我正在为我的网站制作标题。我有一个网站标题，后面跟各个页面的链接。默认情况下，它们彼此相邻，我希望它们分开。我尝试过添加多个空格的简单选项，但它只将其作为一个空格。

Answer 1

如果它们是单独的链接，那么你应该在链接上添加填充或一些边距

 `<a href="#" style="padding: 1px 5px 1px 5px">Link text</a>`

Answer 2

请在此处添加您的代码，以便您在SO处获得更多帮助。

这是你在尝试什么？看看这是否有帮助。

<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
   }

li {
    display: inline;
   }
</style>
</head>
<body>

<ul>
  <li><a href="#link1">link1</a></li>
  <li><a href="#link2">link2</a></li>
  <li><a href="#link3">link3</a></li>
  <li><a href="#link4">link4</a></li>
</ul>

</body>
</html>

Answer 3

这是代码，我测试它。如果要更改元素之间的间距，只需更改li元素的填充

<style type="text/css">
* {
    padding: 0;
    margin: 0;
}
h1 {
    float: left;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}
li {
    display: inline;
    padding-left: 10px; // this is the space between elements you can add whatever you like
}

<h1>The website title</h1>

<ul>
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a></li>
    <li><a href="#">link 3</a></li>
    <li><a href="#">link 4</a></li>
</ul>

如何在行html中添加间隙

3 个答案: