Question

我正在努力让这些按钮在右侧，左侧的标题在我的导航栏上垂直居中。我没有使用Bootstrap。我已经尝试了许多填充和边距的组合，似乎无法使其工作。有人可以帮忙吗？

HTML：

public class TestController : ApiController
    {
            [EnableCors(origins: "*", headers: "*", methods: "*")]
            public string Get()
            {
                return "Hello world";
            }

   }

CSS：

<header>
<nav>
    <h1>Jason</h1>
    <div class="navbar-box">
        <ul id="navbar-links">
            <button>
                <li><a href="#">About</a></li>
            </button>
            <button>
                <li><a href="#">Portfolio</a></li>
            </button>
            <button>
                <li><a href="#">Contact</a></li>
            </button>
        </ul>
    </div>
</nav>
</header>

Answer 1

尝试添加display：inline-block和vertical-align：middle to heading（h1）和buttons容器.navbar-box

Answer 2

使用保证金自动应该集中他们

如何在导航栏上垂直居中显示这些按钮

2 个答案: