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

这里我用的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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容