1

我是网络编程新手，遇到以下问题：

我希望从左边开始显示数据。也就是说，将其视为一个屏幕：

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标签，但这对我没有帮助。

我怎么能做到这一点。

注意：我正在使用引导程序，如果引导程序支持它？

提前致谢。

4

4 回答 4

1

在这里演示

只需使用以下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-22T09:44:57.543 回答
1

好吧，您可以做两件事（至少在我的脑海中！）：

  1. 使用 Bootstrap 的脚手架：

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

  2. 样式表：

HTML：

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

CSS：

    .align-right { text-align:right; }
于 2013-02-22T09:45:41.280 回答
1

Bootstrap 在最新版本中内置了实用程序类“text-right”，因此您可以将该类应用于您的 TD。我的 jsfiddle 显示了实用程序类的作用，但您不必实际包含 css，因为 Bootstrap 已经拥有它。您只需要使用类名。

详细信息：http: //twitter.github.com/bootstrap/base-css.html#typography

以下是你将如何做到这一点：http: //jsfiddle.net/mPP6/

 .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>

PS我建议您将“b”标签换成“强”标签，或者甚至将一个类添加到您想要具有强文本的那些 TD 并通过 css 设置它：

.myclass {
    font-weight: bold;
}

要覆盖 Bootstrap 的 .table 类，它将表格单元格内的所有内容都对齐到左侧，只需将此行添加到您的自定义 css 文件中。

.table .text-right {
    text-align: right;
}
于 2013-02-22T09:46:08.720 回答
0

采用

<td align="left">

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

于 2013-02-22T09:42:11.123 回答