Question

我想正确对齐标签内的数字

，它再次位于标签内。

    <div class="first">
      <a class="background-type1" >
        <p>Some text</p>
        <p class="pull-right">{{=val1}}</p>
      </a><a class="background-type2">
        <p>SOme other text</p>
       <p class="pull-right">{{=val2}}</p>
      </a>
    </div>

的CSS：

.pull-right {
  float: right;  
}

需要帮助，因为我应该添加到css中，以便val1和val 2右移对齐

提前谢谢！

Answer 1

您可以将值放在<span class="pull-right">标记内，例如：

<强> HTML ：

<div class="first"> 
    <a class="background-type1">
        <p>Some text
            <span class="pull-right">1</span>
        </p>
      </a>
    <a class="background-type2">
        <p>Some other text
             <span class="pull-right">2</span>
        </p>
      </a>
</div>

<强> CSS ：

.pull-right {
    float: right;
}

DEMO ：http://jsfiddle.net/sJQu4/1/

Answer 2

浮动元素需要在您希望它旁边浮动的元素之前或者是其子元素。在给定当前源顺序的情况下，您最好在第一段上执行float:left，或者只是在HTML中的<p class="pull-right">之前移动<p>。

Answer 3

你可以这样做：http://jsfiddle.net/62dDV/

.pull-right { float: right; }
.first{ border: 1px solid red; }
p{ border: 1px solid silver; display: inline-block; }
a{ border: 1px solid green; display: block; }

float：<p>中的右侧属性</p> <div>无法正常工作</div>

3 个答案: