最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

我的top-nav想要實(shí)現(xiàn)垂直居中應(yīng)該怎么做呢?就現(xiàn)在的代碼我是通過(guò)計(jì)算header的高度然后設(shè)置的

我的top-nav想要實(shí)現(xiàn)垂直居中應(yīng)該怎么做呢?就現(xiàn)在的代碼我是通過(guò)計(jì)算header的高度然后設(shè)置的

吳周超 2018-05-25 22:33:47
<!DOCTYPE html><html lang="en"><head>? ?<meta charset="UTF-8">? ?<meta name="viewport" content="width=device-width, initial-scale=1.0">? ?<meta http-equiv="X-UA-Compatible" content="ie=edge">? ?<title>Document</title>? ?<style>? ? ? ?*{? ? ? ? ? ?margin: 0;? ? ? ? ? ?padding: 0;? ? ? ?}? ? ? ?ul li{? ? ? ? ? ?list-style-type: none;? ? ? ?}? ? ? ?.ensemble {? ? ? ? ? ?margin: 0 auto;? ? ? ?}? ? ? ?.header{? ? ? ? ? ?background-color: lightblue;? ? ? ? ? ?overflow: hidden;? ? ? ?}? ? ? ?.header .logo{? ? ? ? ? ?float: left;? ? ? ? ? ?line-height: 50%;? ? ? ?}? ? ? ?.header .nav .top-nav{? ? ? ? ? ?position: relative;? ? ? ? ? ?top: 22px;? ? ? ? ? ?overflow: hidden; ?? ? ? ?}? ? ? ?.header .nav .top-nav li{? ? ? ? ? ?float: right;? ? ? ? ? ?font-size: 30px;? ? ? ? ? ?font-family: "黑體";? ? ? ? ? ?margin-right: 20px;? ? ? ?}? ? ? ?? ?</style></head><body>? ?<div class="ensemble">? ? ? ?<div class="header">? ? ? ? ? ?<div class="logo"><img src="images/logo.png" alt="" srcset=""></div>? ? ? ? ? ?<div class="nav">? ? ? ? ? ? ? ?<ul class="top-nav">? ? ? ? ? ? ? ? ? ?<li>校園導(dǎo)航</li>? ? ? ? ? ? ? ? ? ?<li>校園地圖</li>? ? ? ? ? ? ? ? ? ?<li>校園資訊</li>? ? ? ? ? ? ? ? ? ?<li>校園文化</li>? ? ? ? ? ? ? ? ? ?<li>校園地帶</li>? ? ? ? ? ? ? ?</ul>? ? ? ? ? ?</div>? ? ? ?</div>? ? ? ?<div class="main">? ? ? ? ? ?<div class="left">? ? ? ? ? ? ? ?<h3>課程推薦</h3>? ? ? ? ? ? ? ?<ul class="cur">? ? ? ? ? ? ? ? ? ?<li><span>職業(yè)路徑</span>&nbsp;&nbsp;HTML5與CSS3實(shí)現(xiàn)網(wǎng)頁(yè)動(dòng)態(tài)</li>? ? ? ? ? ? ? ? ? ?<li><span>職業(yè)路徑</span>&nbsp;&nbsp;零基礎(chǔ)入門Android語(yǔ)法與界面</li>? ? ? ? ? ? ? ? ? ?<li><span>職業(yè)路徑</span>&nbsp;&nbsp;IOS基礎(chǔ)語(yǔ)法與常用控件</li>? ? ? ? ? ? ? ? ? ?<li><span>職業(yè)路徑</span>&nbsp;&nbsp;php入門開發(fā)</li>? ? ? ? ? ? ? ? ? ?<li><span>職業(yè)路徑</span>&nbsp;&nbsp;java入門開發(fā)</li>? ? ? ? ? ? ? ?</ul>? ? ? ? ? ?</div>? ? ? ? ? ?<div class="min">? ? ? ? ? ? ? ?<h3>相關(guān)課程</h3>? ? ? ? ? ? ? ?<ul class="link-cur">? ? ? ? ? ? ? ? ? ?<li>html css javascript</li>? ? ? ? ? ? ? ? ? ?<li>html css3 jquery</li>? ? ? ? ? ? ? ? ? ?<li>移動(dòng)網(wǎng)路基礎(chǔ) 移動(dòng)端APP開發(fā)</li>? ? ? ? ? ? ? ?</ul>? ? ? ? ? ?</div>? ? ? ? ? ?<div class="right">? ? ? ? ? ? ? ?<h3>登錄</h3>? ? ? ? ? ? ? ?<ul class="login">? ? ? ? ? ? ? ? ? ?<li><input type="text"></li>? ? ? ? ? ? ? ? ? ?<li><input type="password" name="" id=""></li>? ? ? ? ? ? ? ? ? ?<li><input type="submit" value="登錄"></li>? ? ? ? ? ? ? ?</ul> ? ?? ? ? ? ? ?</div>? ? ? ?</div>? ? ? ?<div class="footer"></div>? ?</div></body></html>
查看完整描述

2 回答

?
Geek丶

TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超0個(gè)贊

使用flex布局

查看完整回答
反對(duì) 回復(fù) 2018-07-22
?
yuanfengjituan

TA貢獻(xiàn)20條經(jīng)驗(yàn) 獲得超7個(gè)贊

問(wèn)題沒(méi)看懂、、不好意思 ,問(wèn)問(wèn)題 要簡(jiǎn)單,整一堆沒(méi)用的代碼沒(méi)人愿意看,兩個(gè)div就能描述的問(wèn)題

查看完整回答
反對(duì) 回復(fù) 2018-05-26
  • 吳周超
    吳周超
    恩,謝謝!這個(gè)問(wèn)題已經(jīng)解決了哈
  • 2 回答
  • 0 關(guān)注
  • 1469 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)