Question

是否可以通过其标题大小自动调整列的大小，其中包括右对齐的glyphicon？

E.g：

      <th class='autosize'>Col1 <span class='glyphicon glyphicon-sort pull-right' aria-hidden='true'></span></th>

风格：

<style>
  .autosize {
    width: 1px;
    white-space: nowrap;
  }
</style>

将glyphicon推到第二列。

完整代码：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <style>
    .autosize {
      width: 1px;
      white-space: nowrap;
    }
  </style>
</head>
<body>
  <table class="table table-bordered" style="width: 1px;">
    <thead>
      <tr>
        <th class='autosize'>Col1 <span class='glyphicon glyphicon-sort pull-right' aria-hidden='true'></span></th>
      </tr>
    </thead>
  </table>
</body>
</html>

Answer 1

总是你花费数小时改变css的方式来看看什么有用，并且通过在这里张贴我打开灯，我所要做的就是从glyphicon中删除右拉类

css使用glyphicon自动调整表格标题

1 个答案: