Html 如何使用CSS在一行中设置多个链接？

我正在尝试在页面顶部创建一个栏，但不确定如何使所有链接落在同一行上

这就是我所拥有的：

#tb{
列表样式类型：无；
位置：相对位置；
保证金：自动；
填充：0；
溢出：隐藏；
文本对齐：居中；
显示：块；
宽度：60px；
}

---

更新：单独指定a标记，不指定继承

#tb{
列表样式类型：无；
位置：相对位置；
保证金：自动；
填充：0；
溢出：隐藏；
文本对齐：居中；
display:block；/*属性也将由“a”-标记元素继承*/
宽度：60px；
}	
#结核a{
显示：内联块；/*单独指定a标记*/
}

---

更新：单独指定a标记，不指定继承

#tb{
列表样式类型：无；
位置：相对位置；
保证金：自动；
填充：0；
溢出：隐藏；
文本对齐：居中；
display:block；/*属性也将由“a”-标记元素继承*/
宽度：60px；
}	
#结核a{
显示：内联块；/*单独指定a标记*/
}

---

您可以使用一些flexbox魔术：

#tb{
显示器：flex；
证明内容：中心；
}

---

您可以使用一些flexbox魔术：

#tb{
显示器：flex；
证明内容：中心；
}

---

您在

#tb

上设置了一个

宽度

，这会导致其内部的

a

换行。

a

标记将自动放置在同一行上，因为它们被归类为

inline

元素

内联级元素是源文档中不构成新内容块的元素；内容按行分布（例如，段落中强调的文本片段、内联图像等）

（）

移除

宽度

将允许

div

填充其容器的整个宽度（因为它是

块

元素）

块级元素占据其父元素（容器）的整个空间，从而创建“块”

（）

由于

#tb

现在与主体一样宽，

a

标签将位于同一行，只有在窗口大小减小到足够小的情况下才进行包装

#tb{
文本对齐：居中；
}

---

您在

#tb

上设置了一个

宽度

，这会导致其内部的

a

换行。

a

标记将自动放置在同一行上，因为它们被归类为

inline

元素

内联级元素是源文档中不构成新内容块的元素；内容按行分布（例如，段落中强调的文本片段、内联图像等）

（）

移除

宽度

将允许

div

填充其容器的整个宽度（因为它是

块

元素）

块级元素占据其父元素（容器）的整个空间，从而创建“块”

（）

由于

#tb

现在与主体一样宽，

a

标签将位于同一行，只有在窗口大小减小到足够小的情况下才进行包装

#tb{
文本对齐：居中；
}

检查以下代码

您可以显式地使用

display:inline块

或

display:inline

使任何元素保持在同一行中。但是，如果删除宽度，这就足够了

与其使用

div

结构，不如使用

ul

，这将使您的工作更轻松。默认情况下，它将对齐一行

#tb{
列表样式类型：无；
位置：相对位置；
保证金：自动；
填充：0；
溢出：隐藏；
文本对齐：居中；
显示：块；
}

检查以下代码

您可以显式地使用

display:inline块

或

display:inline

使任何元素保持在同一行中。但是，如果删除宽度，这就足够了

与其使用

div

结构，不如使用

ul

，这将使您的工作更轻松。默认情况下，它将对齐一行

#tb{
列表样式类型：无；
位置：相对位置；
保证金：自动；
填充：0；
溢出：隐藏；
文本对齐：居中；
显示：块；
}

---

移除

宽度：60px

-#tb

对于

li

#tb{
列表样式类型：无；
位置：相对位置；
保证金：自动；
填充：0；
文本对齐：居中；
显示：块；
}	
#tb>li{
显示：内联块；
垂直对齐：顶部；
利润率：0.5px；
}

移除

宽度：60px

-#tb

对于

li

#tb{
列表样式类型：无；
位置：相对位置；
保证金：自动；
填充：0；
文本对齐：居中；
显示：块；
}	
#tb>li{
显示：内联块；
垂直对齐：顶部；
利润率：0.5px；
}

考虑：

显示：内联块；浮动：左。顺便说一句，为什么不使用
ul
，
li
（从语义上讲）？使用display:inline；此外，我会将div改为ul，然后每个a都会成为li，正如上面所建议的。本文将帮助您哇，这里有很多错误：1）对于列表，使用
或
标记与
组合。2） 理想情况下，href应该是真实的URL，而不是