Question

我不能使用div。我只能使用跨度。这是我的小提琴：http://jsfiddle.net/f6a01v9a/1/

<h4>How to align first "column" of spans to the right?:</h4>
<span style="float: left; width: 100px">Title1:</span><span>456415446</span>
<br/>
<span style="float: left; width: 100px">Long Title2:</span><span>16546446</span>

<br/><br/><hr>

<h4>Example (UI only.  Code is not right):</h4>    
<span style="float: left; width: 64px; padding-left: 36px">Title1:</span><span>456415446</span>
<br/>   
<span style="float: left; width: 100px">Long Title2:</span><span>16546446</span>

无论文字大小如何，如何将第一个“跨栏”对齐到右边？

更新：多谢你们！这么简单的问题。我被困在浮动上并错过了文字对齐。

Answer 1

在每个text-align:right上放置一个宽度相等的span。

Answer 2

您需要添加text-align：right。

这看起来对你好吗？

<pre>
http://jsfiddle.net/3sfjojty/
</pre>

Answer 3

如果您可以添加一个<span>来包装整个内容，请考虑以下内容：

＆＃13;

<span style="display: block; width: 100%; text-align: right;">
<span>Title1:</span><span>456415446</span>
<br/>
<span>Long Title2:</span><span>16546446</span>
</span>

＆＃13;

Answer 4

您可以为跨度指定'text-align：right'，以获得更好的结果，为第一个跨度提供一个类。

<span style="col1">Title1:</span><span>456415446</span>

你可以像它一样。

span.col1{float: left; width: 64px; text-align:right;}

如何将右侧的“列”对齐？

4 个答案: