zoukankan      html  css  js  c++  java
  • bootstrap列表组的使用

                <ul class="list-group">
                        <li class="list-group-item">
                            <div class="row">
                                <div class="col-xs-6">论文编号</div>
                                <div class="col-xs-6 text-right">0134</div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="row">
                                <div class="col-xs-6">论文编号</div>
                                <div class="col-xs-6 text-right">0134</div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="row">
                                <div class="col-xs-6 lineHeight34">论文编号</div>
                                <div class="col-xs-6 text-right">
                                    <button type="button" class="btn btn-primary">修改</button>
                                    <button type="button" class="btn btn-primary">预览</button>
                                </div>
                            </div>
                        </li>
                    </ul>

    style(为了让与按钮同行的文字垂直居中)

        .lineHeight34{
            line-height:34px;
        }

    因为我发现,按钮的高度为34px,所以,将与其同行的文字的行高改成34px,就可以让文字垂直居中

  • 相关阅读:
    Manager Test and DAO
    07-图
    06-排序
    05-查找
    第04次作业-树
    第03次作业-栈和队列
    week-02 线性表
    week01—绪论
    使用promise封装el-form多个表单校验
    $slot受slot-scope影响,导致$slot中的key消失
  • 原文地址:https://www.cnblogs.com/fqh123/p/10908866.html
Copyright © 2011-2022 走看看