如何使JavaScript菜单垂直显示？

我无法使菜单垂直显示。它只水平显示。我错过了什么

document.write("<div style='color:blue; font-size:12pt;'>");
document.write('<a href="...">Link 1<\/a> ');
document.write('<a href="...">Link 2<\/a> ');
document.write('<a href="...">Link 3<\/a> ');
document.write('<a href="...">Link 4<\/a> ');
document.write('<a href="...">Link 5<\/a> ');

---

这应该能奏效

document.write("<div style='color:blue; font-size:12pt;'>");
document.write('<a href="...">Link 1</a> <br />');
document.write('<a href="...">Link 2</a> <br />');
document.write('<a href="...">Link 3</a> <br />');
document.write('<a href="...">Link 4</a> <br />');
document.write('<a href="...">Link 5</a> <br />');

---

编辑：为什么你喜欢

与其他推荐作品一样，每个作品后面都有一个BR标签。您还可以使用内联CSS并将style属性添加到每个标签style='display:block；'

就我个人而言，如果您有一个名为style.css的外部样式表，我会使用一个外部样式表来保持JS的整洁。它可以包含以下内容：

#nav { color:blue; font-size:12pt; }
#nav a { display: block; }

然后你可以让你的JS像这样：

document.write('<link href="http://cag.uconn.edu/common/css/screen.css" rel="stylesheet">');
document.write('<div id="nav">');
document.write('<a href="...">Link 1</a> ');
document.write('<a href="...">Link 2</a> ');
document.write('<a href="...">Link 3</a> ');
document.write('<a href="...">Link 4</a> ');
document.write('<a href="...">Link 5</a> ');
document.write('</div>');

---

您可能可以在每个链接换行后添加一个。如果你没有任何形式的表演，你为什么要逃跑？没道理，山姆！成功了！我在link-end标签中使用了反斜杠，因为传统上它是用来防止JS认为正斜杠结束了字符串。我已经有了一个外部CSS文件，所以我添加了样式属性。我同意，我更喜欢干净的代码，即使我们的网站很简单。