Html 如何将下拉菜单放置在页面中心

Html 如何将下拉菜单放置在页面中心,html,Html,我正在使用下拉菜单栏,我需要把它放在网页的中心。我在网页的每一页中调用相同的div <head> CSS /*----跨浏览器下拉菜单----*/ ul#nav{margin:00200px;} ul.drop a{显示:块;颜色:#fff;字体系列:Verdana;字体大小:14px;文本装饰:无;} ul.drop,ul.drop li,ul.drop ul{列表样式:无;边距:0;填充:0;边框:1px实心#fff;背景:#555;颜色:#fff;} ul.drop{位

我正在使用下拉菜单栏,我需要把它放在网页的中心。我在网页的每一页中调用相同的div

<head>

CSS


/*----跨浏览器下拉菜单----*/
ul#nav{margin:00200px;}
ul.drop a{显示:块;颜色:#fff;字体系列:Verdana;字体大小:14px;文本装饰:无;}
ul.drop,ul.drop li,ul.drop ul{列表样式:无;边距:0;填充:0;边框:1px实心#fff;背景:#555;颜色:#fff;}
ul.drop{位置:相对;z索引:597;浮点:左;}
ul.drop li{浮动:左;线高度:1.3em;垂直对齐:中间;缩放:1;填充:5px 10px;}
ul.drop li.hover,ul.drop li:hover{position:relative;z-index:599;游标:默认值;背景:#1e7c9a;}
ul.drop ul{可见性:隐藏;位置:绝对;顶部:100%;左侧:0;z索引:598;宽度:195px;背景:#555;边框:1px实心#fff;}
ul.drop ul li{float:none;}
ul.drop ul{top:-2px;left:100%;}
ul.drop li:hover>ul{可见性:可见}
.style1{
字体系列:calibri;
字号:18px;
字体大小:粗体;
}
滴{
浮动:左;
位置:相对位置;
z指数:597;
}
HTML


  • EMS计算
  • 运行专家系统
  • 客户记录
  • 场地

我会把它放在页面的中间……不管怎样,怎么做都可以

<div style="width:800px; margin:0 auto;">
    centered content
</div>

中心内容

还有一件事,在发布之前,搜索一个相关的问题,这将节省你很多宝贵的时间


快乐编码:)

嘿,伙计,你可以这样做

<div style="width:800px; margin:0 auto;">
    centered content
</div>

中心内容

还有一件事,在发布之前,搜索一个相关的问题,这将节省你很多宝贵的时间


快乐编码:)

我建议您浏览以下网站:

它讲述了使用CSS可以实现的技巧


那么,现在您的答案是,尝试使用
margin:0auto

我建议您浏览以下网站:

它讲述了使用CSS可以实现的技巧


那么,现在您的答案是,尝试使用
margin:0auto

这是updtaed

ul#nav {/* margin: 0 0 0 200px;*/text-align: center;}
ul.drop { position: relative; z-index: 597; /*float: left; */}
ul.drop {
  /*float:left;*/
  position: relative;
  z-index: 597;
 }
ul.drop li { *float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px; display: inline-block; }

这是updtaed

ul#nav {/* margin: 0 0 0 200px;*/text-align: center;}
ul.drop { position: relative; z-index: 597; /*float: left; */}
ul.drop {
  /*float:left;*/
  position: relative;
  z-index: 597;
 }
ul.drop li { *float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px; display: inline-block; }

您可以使用dreamweiver的HTML解决方案或下面的两个解决方案来实现这一点。 您需要删除或注释掉
float:left
对齐

用以下命令覆盖您的
ul#nav
CSS:

ul#nav {
    margin:0 auto;
    width: 60%;
}
或者这个:

ul#nav {
    margin:auto;
    width: 200px;
}

您可以使用dreamweiver的HTML解决方案或下面的两个解决方案来实现这一点。 您需要删除或注释掉
float:left
对齐

用以下命令覆盖您的
ul#nav
CSS:

ul#nav {
    margin:0 auto;
    width: 60%;
}
或者这个:

ul#nav {
    margin:auto;
    width: 200px;
}
以下css可能对您有用。
YYYYYYYY
div{
左边缘:45%;
利润率最高:35%;
}
以下css可能对您有用。
YYYYYYYY
div{
左边缘:45%;
利润率最高:35%;
}

您可以使用
边距:0自动0自动来水平居中垂直居中必须使用jquery或javascript完成。@joelharkes为什么不直接使用
边距:0 auto
?”发生了什么事?有任何解决方案对您有效吗?您可以使用
margin:0 auto:0 auto垂直居中必须使用jquery或javascript完成。@joelharkes为什么不直接使用
边距:0 auto
?”发生了什么事?是否有任何解决方案适合您?是否要水平或垂直对齐div?上面的代码可以将其水平对齐。在每个web的中心水平对齐page@ashy1234:你能为你的剧本编一把小提琴吗?我来查一查out@ashy1234:您可以使用数据编辑上面的提琴本身。您想水平或垂直对齐提琴吗?上面的代码可以将其水平对齐。在每个web的中心水平对齐page@ashy1234:你能为你的剧本编一把小提琴吗?我来查一查out@ashy1234:您可以使用您的数据编辑上述小提琴本身。