美文网首页
不定宽高的表格 设置 多行文本溢出省略号

不定宽高的表格 设置 多行文本溢出省略号

作者: _执着执着再执着 | 来源:发表于2018-02-01 15:00 被阅读0次

    这里我用的Stylus预处理器 设置了一些CSS样式.需将在<td>的外层包裹一层<div>父容器,并将多行文本溢出的CSS样式写在这个DIV中~

    <div class="all">

        <table class="table">

                <tr>

                    <div style="display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-camp:2;overflow:hidden"> 

                        <td></td>

                    </div>

                </tr>

        </table>

    </div>

    <style lang="stylus" rel="stylesheet/stylus">

    .all

      margin:10px 20px 0px 0px

      padding:0px 100px 20px 100px

      width:100%

      height:100%

      background:white

      .table

           td

          padding:10px 0

          text-align:center

          border:1px solid gray

    </style>

    相关文章

      网友评论

          本文标题:不定宽高的表格 设置 多行文本溢出省略号

          本文链接:https://www.haomeiwen.com/subject/vtpdzxtx.html