html - 导航栏图像问题

标签 html css twitter-bootstrap

我的导航栏有几个问题。基本上我的导航栏上有 5 个选项,前 3 个是文本格式,最后两个是您可以单击的图像(电话号码和实时聊天)。两者都是 png 文件,所有元素都在标签内。

但我遇到的问题是图像显示在导航栏的上方。基本上,如果您沿着导航栏选项上的文本划一条水平线,那么 Logo 中的文本会略高于应有的位置。

那么如何让图像导航栏选项看起来稍微高一点呢?

我的第二个问题是其中一个 Logo 还需要在上面显示文字(电话号码),我不知道该怎么做。如何在导航栏中将文本放在图像上?

最佳答案

您可以尝试使用 css 解决您的第一个问题,将如下内容添加到您的 css 文件中:

.navbar img { padding-top:10px }

第二个问题,看tooltips

关于html - 导航栏图像问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19264767/

相关文章:

html - 电子邮件中的 TD 和图像之间的差距 - Outlook 2007、2008、2010、2013

javascript - JS : Scroll down after "unhide" div element

php - 500(服务不可用(带有消息))

html - 自定义占位符

javascript - <ul> 中的 HTML、CSS : a href image to the left ,

html - 适合所有屏幕的百分比定位

javascript - autoprefixer : Replace color-adjust to print-color-adjust. 颜色调整速记目前已弃用

html - Bootstrap 和 CSS - 修复药片的格式

css - Bootstrap Navbar 链接即使在折叠时也会显示

javascript - 防止 iE11 中的默认 'F1' 事件