如何使JavaScript菜单垂直显示

How do I get a JavaScript menu to display vertically?

本文关键字：垂直 显示 菜单 JavaScript 何使      更新时间：2023-09-26

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

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 />');

编辑：为什么你的</a>和<'/a>一样？？

与其他推荐作品一样，每个A后面都有一个BR标记。您也可以使用内联CSS，并将样式属性添加到每个A标记("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>');
相关文章：