gpt4 book ai didi

css - 为什么这有效? - 推特 Bootstrap 2.3.1

转载 作者:行者123 更新时间:2023-11-28 18:27:04 25 4
gpt4 key购买 nike

我最近posted a question在那里我问我如何能够垂直对齐响应图像。我自己找到了答案,但它提出了一个更大的问题,因为我不知道它是如何或为什么起作用的。

看看这个 jsFiddle:http://jsfiddle.net/fmwzT/1/

它使用以下代码在导航栏中垂直对齐图像:

<div id="f1"><div id="outer-element"><img id="inner-element" src="http://zx85.dyndns.org/raphtest/img/title.png" alt="Logo"></div></div>
#fl {
float: left;
}

#outer-element {
display: table-cell;
vertical-align: middle;
height: 40px;
max-width: 301px;
}

#inner-element {
display: inline-block;
margin-left: -20px;
}

但是,如果没有 Bootstraps 最新版本 (2.3.1),这是行不通的!看看这个 jsFiddle:http://jsfiddle.net/fmwzT/2/

第二个 jsFiddle 不包含 Boostrap 2.3.1,但确实包含 Boostrap 2.3.0(包含在我称为 layout.css 的外部 css 文件中),但它不起作用。

问题:有谁知道 Twitter Bootstrap 2.3.1 的哪个部分导致导航栏内的图像响应?

最佳答案

这存在于版本 2.3.1 (responsive-combined.css) 中,而不存在于之前的版本中:

img {
height: auto;
max-width: 100%;
}

关于css - 为什么这有效? - 推特 Bootstrap 2.3.1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15444777/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com