bootstrap的nav的问题
.bg-color{
background-color: #00b7ee;
}
.nav-text{
margin: 10px;
color: #fff;
font-size: 16px;
border: 1px solid #00b7ee;
border-radius: 4px;
padding: 5px;
}
</style>
</head>
<body>
<div class="container nav bg-color">
<ul class="list-unstyled list-inline">
<li>
<a href="http://www.example.com" class="nav-text">返回官网</a>
</li>
<li>
<a href="http://www.example.com/instructions.php" class="nav-text">操作指南</a>
</li>
</ul>
</div>结果是：
,为什么我在nav-text中明明用了margin ，但是返回官网为啥没有上下居中呢
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
https://jsfiddle.net/y6q0ub0b/
谢邀，但是我不明白你要问什么。。。
1.上下居中最好设置行高控制。
2.a标签是内联元素，margin只有左右有用。
2.若设置过a的display为非内联，浏览器f12查看样式是否被覆盖，被覆盖加！important即可。
3.虽然我没用过bootstrap，但是这些框架的css一般会写全局继承很明确的样式。