html - 基础端导航问题

标签 html css zurb-foundation

我在使用侧边导航时遇到问题,请参阅 codePen .在 Foundation 5 示例中,我尝试将蓝色标签放在侧面(side1、side2、side 3 等)与第一个标签(我的站点)处于同一水平,我添加了 padding-top、padding-down 和其他一些东西不工作。我将非常感谢您帮助设置侧面导航和适当的文本中心,使其之间的空间更小。

CSS

.topside-nav li {
  display: inline-block;
  line-height: 15px;
  font-size: 1.25rem; 
  padding-right: 2.25rem;
  margin: -60px 2px 5px 60px;
  text-align: center;
}  

基金会 - Side Nav

这非常耗时,请给我建议最好的方法,我已经测试过 Chrome 开发者工具和 CodePen。仍然不明白为什么基金会网站没有明确提供说明。

最佳答案

margin-top: 0设置为.top-bar ul,将line-height:65px设置为.topside -nav li

关于html - 基础端导航问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27027152/

相关文章:

javascript - Ctrl + F5 导致页面跳转,但 F5 不会

javascript - 我如何将rails form_helper标签附加到html

html - 获取网页图片重叠滚动

python - BeautifulSoup : Parsing only one element

javascript : creating elements on first click and deleting the created element on second click

css - 将父级扩展为 float 子级 div

html - 使图像适合容器大小,保持纵横比

javascript - 麦哲伦基金会重新启动

css - 如何在一行的列内移动图像或文本,使其不会失去响应能力?

jquery - 基础粘性添加类