html bootstrap图像标题不遵循标题大小

时间:2014-01-11 14:12:28

标签: html css twitter-bootstrap

您好,我目前不熟悉网页设计,我的设计存在问题。

我正在尝试在标题的左上角添加图像标题,但问题是当我添加图像时,它不遵循标题大小,而是遵循原始图像大小。

我希望它能自动调整标题大小。但是每当我调整它的高度时,它都会与标题重叠,或者当我向其添加填充时,图像突然重新调整为较小的图像。

什么似乎是问题?

这就是它现在的样子:

http://postimg.org/image/6djteoy6l/

我的html文件的片段:

 <a class="main-title navbar-brand" href="home.html"><img src="iservice.jpg" id="iLogo"/> </a>

我的css文件的片段:

#iLogo{
height: 50px;
width: 200px;
padding-bottom: 20px;
}

1 个答案:

答案 0 :(得分:1)

尝试将图像的高度设置为标题。或者在jsfiddle

给出确切的例子