我需要使子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/