Question

我有以下代码：我想要的是使用CSS将“MYIMAGE”放在最右侧。 alt text http://igurr.com/resized-image.ashx/__size/500x400/__key/CommunityServer.Components.PostAttachments/00.00.00.01.73/OneContact.JPG

<div style="cursor: pointer;" onclick="javascript:SelectContact('17');" onmouseover="javascript:this.className='onfocus';" onmouseout="javascript:this.className='tempClass';" id="contact_17" class="tempClass">
                <input type="checkbox" class="contactChk contactItem" id="chk_17" name="chkContact" onclick="javascript:alert('clicked');"/>
                <img height="25" width="25" class="contactItem" src="Images/Contacts/NoImage.gif" alt=""/>
                <span class="contactName" id="contactName_17">
                    Amr ElGarhy
                </span>
                <img id="MYIMAGE" src="Images/Common/Motiva.png" alt="" class="contactItem"/>
                <br/>
            </div>

CSS：

.contactChk {
margin-left:10px;
}
.contactItem {
display:inline;
vertical-align:middle;
}

.contactName {
display:inline;
vertical-align:middle;
}

Answer 1

另一种方法是使用绝对定位。

如果＃contact_17是position：relative，你可以将#MYIMAGE设置为position：absolute并将其'right'属性设置为0（或者远离你想要的右边缘）。但是，绝对定位会忽略div中的任何其他内容，因此如果这样做，请确保将其余内容设置为不重叠。

Answer 2

尝试：

img#MYIMAGE {
  float: right;
}

不确定这是否有效 - 这取决于div#contact_17的样式，这在您的问题中并不明确。

Answer 3

向右漂浮

#MYIMAGE{
 float:right;
}

固定图像的宽度也是一个好主意。

Answer 4

尝试float:right;

如何使用CSS在最右侧放置图像？

4 个答案: