个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
在我学校的地理课上，我们要介绍不同的国家，其中一个选择是网站。我知道基本的 html，但对它的设计和显示方面知之甚少。现在，我遇到了很多麻烦，无法像您在许多网站上看到的那样在同一行上获取文本。我的代码目前看起来像这样:
<!DOCTYPE html>
<html>
<head>
<title>Swedish Political Geography</title>
</head>
<body>
<font face="verdana" size=“10”>Swedish Political Geography</font>
<ul class="navigation">
<ul><font face="verdana" size=“10”>Borders</font></ul>
<ul><font face="verdana" size=“10”>Government</font></ul>
</ul>
</body>
</html>
我在将其他文件链接到此页面时也遇到了问题。如果您能提供帮助，我们将不胜感激。这是我一直在尝试的代码:
<a href="borders.html">Borders</a>
我应该提一下，我一直在使用本地主机服务器来测试我的代码，这就是我最终展示我的元素的方式。
编辑:澄清一下，我希望瑞典政治地理、边界和政府都在同一条线上。
最佳答案
ul - 是一个block元素，你需要把它变成inline元素
display: inline;
像这样在样式表中(或在您的 css 文件中):
<!DOCTYPE html>
<html>
<head>
<title>Swedish Political Geography</title>
<style>
ul.navigation {
margin: 0;
padding: 4px;
}
ul.navigation li {
display: inline;
margin-right: 5px;
}
</style>
</head>
<body>
<font face="verdana" size=“10”>Swedish Political Geography</font>
<ul class="navigation">
<li><font face="verdana" size=“10”>Borders</font></li>
<li><font face="verdana" size=“10”>Government</font></li>
</ul>
</body>
</html>
关于html - 如何将文本放在 HTML 中的同一行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47611974/
25
4
0
我是一名优秀的程序员,十分优秀！