Html 如何将基于CSS的下拉菜单居中？_Html_Css

Html 如何将基于CSS的下拉菜单居中？

html css

Html 如何将基于CSS的下拉菜单居中？,html,css,Html,Css,我试图将下拉列表居中，在屏幕上扩展灰色矩形，同时将文本保持在屏幕的正中央。此时应该只有三个项目。这些项目包括家庭、作业和项目这是html <HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <link type="text/css" rel="stylesheet

我试图将下拉列表居中，在屏幕上扩展灰色矩形，同时将文本保持在屏幕的正中央。此时应该只有三个项目。这些项目包括家庭、作业和项目

这是html

<HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <link type="text/css" rel="stylesheet" href="http://jamcgraw.iweb.bsu.edu/assignments/stylesheet.css" />
    <title>McGraw</title>
</head>
<div align="center">
<body>
        <li><a href="index.html">Home</a>
        </li>
        <li><a href="#">Assignments</a>
            <ul>
                <li>
               </li>                      
            </ul>
        </li>
        <li><a href="#">Projects</a>
            <ul>
                <li><a   href="http://jamcgraw.iweb.bsu.edu/projects/project1/project1.zip" target="_blank">
                    Project 1</a>
                </li>                       
            </ul>
        </li>
    </ul>
    <br />
    <br />   
    <h2>Some of my favorite websites include:<ul>
        <a href="http://facebook.com/">Facebook</a> </br>
        <a href="http://reddit.com/">Reddit</a> </br>
        <a href="http://twitch.tv/">Twitch.tv</a> </br>
        <a href="http://youtube.com/">Youtube</a> </br>
        <a href="http://noxxic.com/">Noxxic</a>
        </ul>
    </h2>    
</body>
</html>

我基本上修复了你的代码，因为它是一团糟

我用于将列表居中的解决方案是：

display: table;

这会解决你的问题。

我基本上修复了你的代码，因为它是一团糟

我用于将列表居中的解决方案是：

display: table;

这应该可以解决你的问题。

你的“社交”菜单是无效的HTML…

ul

只能有

li

作为孩子。另外，你的主菜单没有打开的

ul

。你的

正文前也有一个div打开的部分

。这真的有点乱。你的“社交”菜单是无效的HTML…

ul

只能有

li

。另外，你的主菜单没有打开

ul

。而且你的

主体前面有一个div打开

。这真的有点乱。应该在哪里显示：table；走？在小提琴中，没有风格。这正常吗？这就是最终结果应该是什么样子，就在小提琴的中心，我没有看到任何菜单或子菜单@Chris GSorry的显示设置为table，忘了在那里添加它。使用

标记之后。