怎么做一个横式导航栏

<!DOCTYPE html>
<html>
    <head><meta charset="utf-8">
        <title>慕课网</title>
    </head>
    <body>
        <div>
            <!-- logo -->
            <div><img src="images\logo.png"/></div>
            <!-- 导航 -->
            <div>
                <ul>
                    <li float:left;><a href="http://www.baidu.com">学校概况</a></li>
                    <li><a href="http://www.baidu.com">机构设置</a></li>
                    <li><a href="http://www.baidu.com">师资队伍</a></li>
                    <li><a href="http://www.baidu.com">科学研究</a></li>
                    <li><a href="http://www.baidu.com">招生就业</a></li>
                    <li><a href="http://www.baidu.com">图书馆</a></li>
                    <li><a href="http://www.baidu.com">校长信箱</a></li>
                    <li><a href="http://www.baidu.com">校园导航</a></li>
                </ul>

好像入门课程没教啊，直接就来做作业了，应该不是用表格做吧？

芒果粉肠

浏览 1922回答 3

3回答

橋本奈奈未

float浮动可以横排，兼容性最好，flex布局也可以，更加灵活且是已然成为趋势，各浏览器也是基本都支持

0 0

随时随地看视频慕课网APP