【问题标题】:css navbar how to make the text in navbar padding from top without increasing the height of the navbarcss navbar 如何在不增加导航栏高度的情况下使导航栏中的文本从顶部填充
【发布时间】:2012-11-04 06:02:33
【问题描述】:

我尝试进行以下操作,但它增加了导航栏中文本与顶部的距离,同时也增加了导航栏的高度。
我只希望导航栏中的文本从顶部有一些填充。有人知道怎么做吗?

.navbar-inner { 
  padding-top: 16px;
}

我想增加“登录、注册等”的距离从一开始 。

此代码不起作用

 .navbar-inner {     
   heigth:20px; 
   padding-top:20px; 
 }

【问题讨论】:

  • 赞成。我认为这个问题没有错。不知道为什么人们在不知道自己看到了什么时会继续投票,哈哈。

标签: html css twitter-bootstrap navbar


【解决方案1】:

你必须从元素的高度中减去填充量。

例如。如果你的元素是 30px 高并且你有 'padding-top: 10px;'那么你必须从元素高度中减去 10px。所以你现在有:

height: 20px;
padding-top: 10px;

更多信息请阅读here

【讨论】:

  • 这似乎不符合我的要求...我在顶部附上了一张图片..请看一下
  • .navbar-inner { font-size: 12px;高度:20px;填充顶部:20px;如果我遵循此代码,它会增加我的导航栏的高度,但我不想改变我的导航栏的高度
  • 如果你添加到一个属性,你将不得不从另一个中扣除。因此,如果您希望增加内边距,则将高度减少等量。
  • 问题是它不适用于 .navbar-inner...所以我正在寻找了解导航栏的人..
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-02-04
  • 2015-11-03
  • 2020-03-15
  • 2019-08-24
  • 2020-07-15
相关资源
最近更新 更多