1

有一段时间，我避免在我的 ruby​​ 项目中升级我的 bootstrap-sass gem，因为一个单一的变化：

height: auto;

在 img 元素内。

此属性似乎覆盖了显式高度属性。

所以我有一个宽度为 1，高度为 32 的图像，我使用它：

<img height="1" width="15" src="/assets/spc.png" alt="">

height: auto;似乎强制图像显示为 15 x 480 (32 x 15 = 480) 。

我试图通过在我的 HTML 的 HEAD 中添加内联样式来重新定义 img 元素（例如img { }），但这似乎没有帮助。

我不确定合适的解决方案是什么。我在我的网站周围使用空白图像在其他元素之间创建特定的空间。我可能可以用其他类型的元素来做到这一点，比如 div 或 span？

4

2 回答 2

0

如何使用margin？

例如，您可以：

.spacerdiv{

height:1px;
width:15px;
}

在 html 中添加 div 并为它们定义此类。但这是非常糟糕的做法。向 DOM 添加冗余元素

甚至更好地定义margin

你可以做到面向对象并定义如下内容：

.margin_left_part_of_site{
margin: 5px 15px;
}

然后，您可以将此类添加到必须具有这些属性的每个元素中。

一个 jsfiddle 示例将提供进一步的帮助。

于 2012-12-14T23:24:32.277 回答
0

我想出的解决方案是使用 div。我现在使用 div，例如：

.login-spc {
  display: inline-block;
  height:40px;
  width:5px;
  vertical-align: middle;  
}
于 2013-02-14T09:56:10.187 回答