1

我在对齐表格行中的内容时遇到了麻烦。我有一个超链接和一个由一个文本框和一个按钮组成的内联表单。问题是按钮转到下一行而不是与文本框对齐。问题出现在 Chrome 中，但在 IE10 中可以正常工作

我为 css 使用 twitter 引导程序。这个 jsfiddle 说明了这个问题：http: //jsfiddle.net/Tq9Qm/

你能帮助我吗 ？

jsfiddle的代码：

<table class="view-header">
<tbody>
    <tr>
        <td> <span>Edition du mandat  </span>

        </td>
        <td>
            <div class="pull-right"> <a style="float: left;">
                   <span class="pointer">more options</span>

                </a>

                <form class="form-inline" placeholder="N° de contrat, nom/numéro de client">
                    <input class="input-xxlarge ng-dirty" type="text" placeholder="N° de contrat, nom/numéro de client" ng-model="model" />
                    <button disabled="disabled" class="btn btn-info" type="submit" ng-click="searchMethod()" ng-disabled=" ! canSearch()"><i class="icon-search"></i>&nbsp;Rechercher</button>
                </form>
            </div>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <div class="pull-right">
                <!-- uiIf: filterVisible -->
            </div>
        </td>
    </tr>
</tbody>
4

3 回答 3

2

将pull-left其属性用于 twitter 引导程序

小提琴演示

导航文档

于 2013-07-11T08:33:28.113 回答
1

试试 pull-left你的表格

演示

于 2013-07-11T08:32:51.577 回答
0

试试pull-left属性

它会帮助你

于 2013-07-11T08:35:58.400 回答