我的列表现在从左到右阅读,而不是逐行阅读,但现在如何分隔单词,因为它们太靠近了?我试图在文本之间留出空间并尝试进行字间距,但它不会改变任何东西。我尝试在 #menu id 和 li{} 中进行字间距设置,但仍然不起作用。
<body>
<div id="container">
<div id="nav"></div>
<img src="...">
<h1>IndieForwardMusic</h1>
<ul id="menu">
<li>Home</li>
<li>About</li>
<li><a href="..."</a></li>
<li>Contact</li>
</ul>
</div>
</body>
#menu {
position: absolute;
list-style-type: none;
margin: 0;
color: white;
font-size: 38px;
top: 10px;
}
li{
float: left;
word-spacing: 30px;
}
最佳答案
只需设置一些边距即可。
#menu li {
margin:0 20px;
}
关于html - 为什么指定字间距后不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46749824/