head部分我設置了line-height:100px(為元素高），為什么文字部分沒有實現垂直居中呢？img之前以及img和footer之間一直有空隙是怎么回事呢？開始已經設置了margin，padding均為0最后的footer部分，我試著去ul或者footer里面添加 text-align，為什么達不到文字水平居中效果呢？我要怎么設置才正確呢？<!DOCTYPE html><html><head>? <meta charset="UTF-8">? <title></title>? <style type="text/css">??? body,div,img{margin:0;padding:0;font-family:"微軟雅黑";}??? a{text-decoration:none;color:white;}??? .head{width:100%;height:100px;background-color:black;line-height:100px;position:fixed;overflow:hidden;margin:0;}??? .head img{float:left;}??? .head ul{float:right;}??? .head ul li{list-style:none;color:white;font-weight:bold;float:left;margin-right:40px;}??? .content{padding-top:100px;}??? .footer{width:100%;height:120px;background-color:gray;line-height:120px;text-align:center;}??? .footer ul li{list-style:none;float:left;padding-right:10px;}??? </style></head><body><div class="head">??? <div><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"/></div>??? <div>??????? <ul>??????????? <li><a href="#">課程</a></li>??????????? <li><a href="#">職業路徑</a></li>??????????? <li><a href="#">實戰</a></li>??????????? <li><a href="#">猿問</a></li>??????????? <li><a href="#">手記</a></li>??????? </ul>??? </div></div><div class="content">??? <div><img src="http://climg.mukewang.com/58c0eda50001e12416000480.jpg"/></div>??? <div><img src="http://climg.mukewang.com/58c0edb80001c9f216000480.jpg"/></div>?? ?</div><div class="footer">??? <ul>??????????? <li><a href="#">網站首頁</a></li>??????????? <li><a href="#">企業合作</a></li>??????????? <li><a href="#">人才招聘</a></li>??????????? <li><a href="#">聯系我們</a></li>??????????? <li><a href="#">常見問題</a></li>??????????? <li><a href="#">友情鏈接</a></li></div></body></html>
以下代碼求大神幫忙解答下
慕尼黑4757019
2018-07-28 12:09:51
