如何显示从左边开始的元素？

我希望显示的数据开始左。也就是说，认为这是一个屏幕：

Screen                  2332

如果2332增加2339900然后我的屏幕应该是：

Screen                 2339900

我有这样的代码：

<table class="table"> 
     <tbody> 
     <tr> 
      <td><b>Units entered</b></td> 
      <td>123</td> 
     </tr> 
     <tr> 
      <td><b>Consumption charges</b></td> 
      <td>23232323</td> 
     </tr> 
     <tr> 
      <td><b>Fixed charges</b></td> 
      <td>323232323</td> 
     </tr> 
     <tr> 
      <td><b>Net Amount</b></td> 
      <td>3223232332</td> 
     </tr> 
     </tbody> 
    </table>

我试着将style="float: left;"添加到我的td标记中，但这对我没有帮助。

我该如何做到这一点。

注：我使用引导，如果偶然引导支持它？

在此先感谢。

来源

2013-02-22 sriram

引导具有实用类“文本的正确的内置到最新版本，以便你可以只需将该类应用于您的运输署。我的jsfiddle显示了实用程序类的功能，但是您不必实际包含CSS，因为Bootstrap已经拥有了它。你只需要使用类名。

详情点击这里：http://twitter.github.com/bootstrap/base-css.html#typography

这里是你会怎么做：http://jsfiddle.net/mpPP6/

.text-right { 
    text-align: right; 
} 

<table width="100%"> 
     <tbody> 
     <tr> 
      <td><b>Units entered</b></td> 
      <td class="text-right">123</td> 
     </tr> 
     <tr> 
      <td><b>Consumption charges</b></td> 
      <td class="text-right">23232323</td> 
     </tr> 
     <tr> 
      <td><b>Fixed charges</b></td> 
      <td class="text-right">323232323</td> 
     </tr> 
     <tr> 
      <td><b>Net Amount</b></td> 
      <td class="text-right">3223232332</td> 
     </tr> 
     </tbody> 
    </table>

P.S I会建议你换你的“B”标签“强”的标签，甚至添加一个类你想拥有强大的文本，并把它通过CSS的阵：

.myclass { 
    font-weight: bold; 
}

要覆盖引导的。表格类将表格单元格中的所有内容对齐到左侧，只需将此行添加到您的自定义css文件即可。

.table .text-right { 
    text-align: right; 
}

来源

2013-02-22 09:46:08

谢谢。但是，当我添加'class =“table”'到我的'table'标签。对齐方式不起作用。 – sriram 2013-02-22 09:52:41

@sriram - 我已经更新了我的答案，向您展示了如何覆盖该答案。看看我的答案的底部。 – 2013-02-22 10:01:00

谢谢。它像一个魅力。 – sriram 2013-02-22 10:03:27

使用

<td align="left">

将左对齐的单元格的内容。看着你的“屏幕”，这些数字似乎是对齐的？

来源

2013-02-22 09:42:11 Umesh

Demo Here

只需使用align="right"像以下...

<table class="table" width="100%"> 
      <tbody> 
      <tr > 
       <td><b>Units entered</b></td> 
       <td align="right">123</td> 
      </tr> 
      <tr> 
       <td><b>Consumption charges</b></td> 
       <td align="right">23232323</td> 
      </tr> 
      <tr> 
       <td><b>Fixed charges</b></td> 
       <td align="right">323232323</td> 
      </tr> 
      <tr> 
       <td><b>Net Amount</b></td> 
       <td align="right">3223232332</td> 
      </tr> 
      </tbody> 
     </table>

来源

2013-02-22 09:44:57 Talha

那么有两件事情可以做（从我的头顶，至少！）：

使用Bootstrap的脚手架：

<div class="span12"> 
    <div class="row"> 
     <div class="span3"><strong>Units entered</strong></span> 
     <div class="span3 offset6">123</span> 
    </div> 
</div>

样式表：

HTML：

<tr> 
     <td><b>Units entered</b></td> 
     <td class="align-right">123</td> 
    </tr>

CSS：

.align-right { text-align:right; }

来源

2013-02-22 09:45:41

如何显示从左边开始的元素？

回答

相关问题