当前位置 : 主页 > 网页制作 > Bootstarp >

bootstrap表格的使用

来源:互联网 收集:自由互联 发布时间:2021-06-12
table class ="table" thead tr class ="active" th 表格标题 / th th 表格标题 / th th 表格标题 / th / tr / thead tbody tr class ="success" td class ="verticalMiddle" 表格单元 / td td class ="verticalMiddle" 表格单元 / td td
             <table class="table">
                    <thead>
                        <tr class="active">
                            <th>表格标题</th>
                            <th>表格标题</th>
                            <th>表格标题</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="success">
                            <td class="verticalMiddle">表格单元</td>
                            <td class="verticalMiddle">表格单元</td>
                            <td>
                                <button type="button" class="btn btn-default">修改</button>
                                <button type="button" class="btn btn-default">预览</button>
                            </td>
                        </tr>
                    </tbody>
                </table>

style(为了让表格中的文本垂直居中)

    .verticalMiddle{
        vertical-align: middle;
    }
网友评论