Html 如何将下拉菜单放置在页面中心
我正在使用下拉菜单栏,我需要把它放在网页的中心。我在网页的每一页中调用相同的divHtml 如何将下拉菜单放置在页面中心,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{位
<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
我会把它放在页面的中间……不管怎样,怎么做都可以
<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:您可以使用您的数据编辑上述小提琴本身。