bootstrap表格的使用

发布时间：2020-12-17 21:35:27 所属栏目：安全来源：网络整理

导读：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 ="butt

             <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;
    }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!