在我的网络应用程序中,我有一个工具栏,它是一个div:
div有3个跨度. 3个跨度的内容稍后填充.
并且每个跨度的大小每次都不同.
<div> <span id="ab1" style="display: inline-block;"></span> <span id="ab2" style="display: inline-block;"></span> <span id="ab3" style="display: inline-block;"></span> </div>
现在,我想,跨度“ab1”应放在左侧,“ab2”和“ab3”放在右侧
在div上.
这可能没有向右/向左浮动吗?
解决方法
使用position:absolute和text-align:right
CSS
div{background:red; text-align:right; position:relative} #ab1{ position:absolute; left:0; background:yellow;} #ab2{background:yellow; } #ab3{background:yellow; }