无法在页面中央显示我的导航菜单 [英] Can't get my navigation menu in the center of the page
本文介绍了无法在页面中央显示我的导航菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
导航菜单未居中.我尝试了很多方法让它居中,但都没有奏效.
HTML
<li><a href="index.html">首页</a><li><a href="servicii.html">Servicii</a><li><a href="portofoliu.html">Portofoliu</a><li><a href="contact.html">联系方式</a>CSS
#nav-bar li a {颜色:#000;文字装饰:无;列表样式类型:无;字体大小:14px;字体系列:Myriad Pro"、Myriad Pro Cond"、Myriad Pro Light"、Arial、sans-serif;字体粗细:粗体;#导航栏{文本转换:大写;列表样式:无;填充:23px 0 23px 0;背景图片:url(../images/nav-bar.jpg);#nav-bar li {向左飘浮;右边距:58px;左边距:58px;边距顶部:-8px;}
解决方案 #nav-bar {文本对齐:居中;}#nav-bar li {向左飘浮;/* 删除这一行 */显示:内联块;}
另外,你没有用 }
关闭你的一些 css,所以我在
中添加了它们The navigation menu is not centered. I have tried many methods of getting it to be centered, but none worked.
HTML
<div id="nav-bar">
<li> <a href="index.html">Home</a> </li>
<li> <a href="servicii.html">Servicii</a> </li>
<li> <a href="portofoliu.html">Portofoliu</a> </li>
<li> <a href="contact.html">Contact</a> </li>
CSS
#nav-bar li a {
color: #000;
text-decoration: none;
list-style-type: none;
font-size: 14px;
font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", Arial, sans-serif;
font-weight: bold;
#nav-bar {
text-transform: uppercase;
list-style: none;
padding: 23px 0 23px 0;
background-image: url(../images/nav-bar.jpg);
#nav-bar li {
float: left;
margin-right: 58px;
margin-left: 58px;
margin-top: -8px;
}
解决方案 #nav-bar {
text-align: center;
}
#nav-bar li {
float: left; /* removed this line */
display: inline-block;
}
Also, you weren't closing some of your css with }
, so I added those in
这篇关于无法在页面中央显示我的导航菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文
相关文章
- 无法在页面中央找到我的导航菜单;
- 在页面中央显示图像;
- 两个部分的Bootstrap导航菜单中央有徽标;
- Liferay-在导航portlet中仅显示顶部菜单页面;
- 无法在导航栏的中央设置titleView,因为后退按钮;
- 如何正确构建导航菜单,突出显示当前页面;
- 将页面对齐在页面中央;
- 在包含的导航菜单中将当前页面突出显示为活动链接;
- 在随附的导航菜单中将当前页面突出显示为活动链接;
- 使用Jetpack导航的BottomNavigation菜单无法导航;
- 视差导航菜单标题显示;
- 菜单导航栏不显示;
- 在导航中显示活动页面;
- 从登录页面删除导航菜单;
- 将组件设置在页面中央;
- 居中我的导航菜单链接;
- 围绕我的导航菜单链接;
- 使用jQuery突出显示导航菜单中的当前页面项目;
- PHP 导航菜单和活动页面样式;
- 在特定页面上显示 Wordpress 菜单;
- 滚动时在页面侧面显示菜单;
- 导航菜单,其中内容显示在容器php中;
- 让我的导航菜单使用CodeIgniter;
- Titanium Mobile:无法在页面之间导航;
- 我需要滚动导航菜单吗?;
其他开发最新文章
- 拒绝显示一个框架,因为它将'X-Frame-Options'设置为'sameorigin';
- 什么是&QUOT; AW&QUOT;在部分标志属性是什么意思?;
- 在运行npm install命令时获取'npm WARN弃用'警告;
- cmake无法找到openssl;
- 从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件;
- Twitter :: Error :: Forbidden - 无法验证您的凭据;
- 我什么时候需要一个fb:app_id或者fb:admins?;
- 将.db文件导入R;
- npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件;
- 拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src'self'”;