慕课网首页导航部分怎么横向显示

慕课网首页的导航部分横向展示通常是通过CSS的`display: flex`属性以及一些基本的HTML结构来实现的。下面是一个简单的例子：

首先，在HTML里，你可以创建一个包含各个导航链接的容器：

<nav class="navbar">
  <ul class="nav-links">
    <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>
</nav>

然后，用CSS设置`flexbox`布局：

.navbar {
  display: flex; /* 将导航条设为弹性盒子 */
  justify-content: space-between; /* 子元素之间的间距分布方式 */
  align-items: center; /* 行内对齐方式 */
  background-color: #f8f9fa;
  padding: 1rem; /* 上下内外边距 */
}

.nav-links {
  list-style-type: none; /* 隐藏默认的列表样式 */
  display: flex; /* 子元素也启用弹性布局 */
}

.nav-links li {
  margin-right: 1rem; /* 根据需要调整空间间隔 */
}

这样，当屏幕宽度适当时，导航栏的内容就会水平展开，每个链接在一行上排列。