1

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

私が思いついた解決策は、divを使用することでした。私は今、次のようなdivを使用しています:

.login-spc {
  display: inline-block;
  height:40px;
  width:5px;
  vertical-align: middle;  
}
于 2013-02-14T09:56:10.187 に答える
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 に答える