html - css navbar 如何在不增加导航栏高度的情况下使导航栏中的文本从顶部填充

标签 html css twitter-bootstrap navbar

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

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

I want to increase the height for those Text from the top , how i do it?

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

此代码无效

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

最佳答案

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

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

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

有关更多信息,请阅读 here

关于html - css navbar 如何在不增加导航栏高度的情况下使导航栏中的文本从顶部填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13213744/

相关文章:

html - 事件导航选项卡不应该有底线

html - 使用菜单脚本时,它只 float 在左侧。我怎样才能把DIV的中心

javascript - HTML 谷歌地图定制

css - Div 重叠,无法正确定位页脚和定位的一般问题

html - 在 HTML 电子邮件中设置嵌套表格的样式

twitter-bootstrap - Bootstrap 下拉菜单 : how to make text wrap nicely

html - 使用 twitter Bootstrap 在不同视口(viewport)上操作表格单元格大小和宽度

javascript - Facebook API 请求对话框不适用于 Safari

html - 不同大小的文本在 div 中的同一行上

html - 是否建议在使用 Bootstrap 时使用媒体查询