css

Tecker.Yu

1 minute read

一般在项目目录中我们会建一个sass文件夹,内容一般为partials文件夹还有一个app.scss文件,partials文件夹存放我们的CSS模块,app.scss中进行import

Tecker.Yu

1 minute read

    <!-- DESKTOP NAVIGATION  -->
    <nav class="top-bar">
      <div class="wrap">
        <div class="top-bar-left">
          <h3>site title</h3>
        </div>
        <div class="top-bar-right">
          <ul class="menu">
            <li><input type="search" placeholder="Search"></li>
            <li><button type="button"…
Tecker.Yu

1 minute read

.nav-desktop{
	background-color: #e83a37;
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 60px;
}

.menu-text {
	line-height: 60px;
	padding: 0px;
}

只需要调整line-height与nav导航栏的高度一致,将padding设置为0,就能够轻松实现上下居中