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 ,但是返回官网为啥没有上下居中呢

阅读 3.1k
3 个回答

谢邀,但是我不明白你要问什么。。。

1.上下居中最好设置行高控制。
2.a标签是内联元素,margin只有左右有用。
2.若设置过a的display为非内联,浏览器f12查看样式是否被覆盖,被覆盖加!important即可。
3.虽然我没用过bootstrap,但是这些框架的css一般会写全局继承很明确的样式。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题