我需要使子DIV本身正确对齐或使其中的SPAN正确对齐。我期望以下代码可以实现这一目标。我想念什么?它仍然保持对齐。

由于某种原因,CSS似乎没有“水平对齐”属性(大规模监督?)。因此,我决定尝试使跨度全宽,并正确对齐文本以达到相同的效果。



<div id="something" style="width: 600px">
  <div id="somethingElse">
    <span style="width: 100%; text-align: end;">My Text</span>
  </div>
</div>

最佳答案

span是内联的,对齐方式将不起作用,因为它只能根据内容宽度进行调整。如果需要保留span元素,则将text-align: end用作父元素,否则将其替换为div



#somethingElse {
  text-align: end;
}

<div id="something" style="width: 600px">
  <div id="somethingElse">
    <span>My Text</span>
  </div>
</div>

关于html - 子DIV的CSS水平对齐,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33351594/

10-12 12:28
查看更多