小编sib*_*age的帖子

如何在bootstrap响应表中使用省略号

text-overflow:ellipsis数据增加时,响应表不起作用th(随着col-xs-2宽度的增加).

在此输入图像描述

代码如下:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th class="col-xs-2" style="text-overflow: ellipsis;">Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum</th>
        <th class="col-xs-1">Firstname</th>
        <th class="col-xs-1"> Lastname</th>
        <th class="col-xs-4">Age</th>
        <th class="col-xs-2">City</th>
        <th class="col-xs-2">Country</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>Anna</td>
        <td>Pitt</td>
        <td>35</td>
        <td>New York</td>
        <td>USA</td>
      </tr>
    </tbody>
  </table>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css-position twitter-bootstrap twitter-bootstrap-3

16
推荐指数
3
解决办法
2万
查看次数

如何在加载像facebook时创建占位符

如何使用角度js加载内容时创建像facebook这样的后台加载行.

截图

javascript angularjs

12
推荐指数
3
解决办法
3万
查看次数