【问题标题】:How can i align <span> to the left?如何将 <span> 对齐到左侧?
【发布时间】:2016-08-31 06:18:44
【问题描述】:

我需要将&lt;span&gt; 对齐到左侧。我不能使用:

position:absolute;
float:left;

因为当我使用这些时,它在左侧对齐,但它会给我带来其他问题。 有人知道其他选项吗?

编辑: 好的,我使用了float:left;,它在左侧,但下面的另一个跨度根本不留在他的线上。在我尝试了这个之后,我无法做到&lt;/br&gt;,我尝试了clear:left;,它也没有帮助。

【问题讨论】:

  • 定义“我需要将向左对齐”。向我们展示您对尝试过的内容的标记,或者制作一个小提琴。
  • @Vucko 同意。我真的很想帮忙,但这个问题很不清楚。

标签: html css alignment css-float css-position


【解决方案1】:

你应该看看how floats work

使用absolute 意味着您可以将span 定位到与div 边缘的给定距离。因此,除此之外使用float: left; 是没有意义的。

你可以做绝对定位:

position: absolute;
left: 0px;

【讨论】:

  • 恕我直言,这是最好的答案。你应该把你的浮动的工作原理链接放在前面。我认为这是这个问题的重点。
【解决方案2】:

您需要将您的 span 声明为 display:block 或 inline-block 并删除 position:absolute 行。然后它会随着你上面的声明向左浮动。

{
    display: block;
    float: left;
}

【讨论】:

    【解决方案3】:

    您遇到的问题可能是“所有其他元素都占据右侧的空间”。这正是他们应该做的。为避免这种情况,请抓住自动向右浮动的元素并执行以下操作:

    clear:both;

    【讨论】:

      猜你喜欢
      • 2013-07-04
      • 1970-01-01
      • 1970-01-01
      • 2021-10-19
      • 2017-11-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多