2

下の16x16アイコンの位置を変えたい。テキストの後ろではなく、テキストの右側に自動配置したいと思います。また、アイコンも少し上に移動したいと思います。

これは以下の私のコードの結果です：

bgimage位置stafu

<span class="ico_person">John Smith</span>
<span class="ico_phone">1-555-555-5555</span>
<span class="ico_email">somewhere@someplace.com</span>

スタイルの1つは次のとおりです。

<style>
.ico_person {
  color:#067CEA;
cursor:pointer;
font-weight:bold;
background-color:#F6F6F6;

background-image:url("/images/icons/icon_admins.png");
background-repeat:no-repeat;
background-position:1px 5px;
padding: 3px;
border-radius:3px 0 3px 3px;
border: 1px solid #CCCCCC;

}
</style>

画像が背景の場合、必要な場所に正確に配置できますか？または、背景画像は特定の境界内でそれを停止しますか？

4

2 に答える 2

0

を使用して、背景の水平位置と垂直位置を設定できますbackground-position。たとえば、背景を左から10ピクセル、上から20ピクセルにしたい場合は、次のように記述します。

background-position:10px 20px;

于 2012-12-26T22:28:38.630 に答える
0

ソティリスが言ったことは正しい。しかし、これを行うこともできます：

.ico_person { background-position: right center; }

ただし、テキストの後ろではなく横に画像を配置する場合はpadding-right、スタイルを調整する必要があります。たとえば、次のようになります。

.ico_person { padding-right:20px; }

それに応じてパディングを増減します。

于 2012-12-27T00:25:25.677 に答える