如何将元素定位到另一个居中元素的左侧 2px答案

【问题标题】：How to position an element 2px to the left of another, centered, element如何将元素定位到另一个居中元素的左侧 2px
【发布时间】：2010-03-12 00:15:20
【问题描述】：

我想在我的母版页上将一个按钮放置在标题跨度左侧 2 像素处。跨度的大小可以变化，并以包含它的 div 为中心。我该怎么做？

编辑：这是代码：

            <asp:CheckBox ID="FavCheckBox" runat=server style="display:inline-block"
                    oncheckedchanged="FavCheckBox_CheckedChanged" AutoPostBack="True"/>
            <cc1:ToggleButtonExtender
                    ID="ToggleButtonExtender2" runat="server" TargetControlID=FavCheckBox 
                    ImageHeight=16 ImageWidth=16 CheckedImageAlternateText="Remove from Favorites" 
                    CheckedImageOverAlternateText="Remove from Favorites" 
                    CheckedImageOverUrl="~/Images/favorite_hollow.gif" 
                    CheckedImageUrl="~/Images/favorite.gif" 
                    UncheckedImageAlternateText="Add to Favorites" 
                    UncheckedImageOverAlternateText="Add to Favorites" 
                    UncheckedImageOverUrl="~/Images/favorite.gif" 
                    UncheckedImageUrl="~/Images/favorite_hollow.gif">
            </cc1:ToggleButtonExtender>
    &nbsp;&nbsp;
        <span id="Span1" runat="server"  class="TitleLabel"><%= SiteMap.CurrentNode.Title %></span>

解释：带有切换按钮的复选框用于将我所在的页面标记为收藏。我希望此复选框位于 TitleLabel 范围左侧 2px 处。

【问题讨论】：

标签： asp.net html css position

【解决方案1】：

您可以为复选框指定 margin-right: 2px; 或 position: relative; left: -2px;

哪一种对你有用。

【讨论】：

【解决方案2】：

将按钮放在父 div 中 span 之前，并给它 margin-right: 2px。

【讨论】：