2-4編程練習,老師正確嗎?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*此处写代码*/ body{margin:0;padding:0;} .content{width:1100px;height:100px;background:black;} .nav{color:#FFF;position:absolute;left:400px;top:20px;font-size:20px;} .nav ul li{display:inline;margin:20px;} </style> </head> <body> <!-- 此处写代码 --> <div class="content"> <img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"/> <div class="nav"> <ul> <li>課程</li> <li>職業路徑</li> <li>實戰</li> <li>猿問</li> <li>手記</li> </ul> </div> </div> </body> </html>
0
收起
正在回答
1回答
同学你好,导航项没有实现垂直居中的效果。
建议:右侧导航项的内容实现垂直居中,可以设置行高,值为父级的高度。另外ul元素的默认值没有清除哦。
代码参考:
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星