0

テーブル内のすべての行を同じ幅にするにはどうすればよいでしょうか? ページでわかるように...ヘッダーの背景色を変更したいのですが、ヘッダーの幅が本文の要素と同じではありません。背景色が幅全体を覆うように、すべての行の幅を同じにするにはどうすればよいですか? ありがとう！

http://jsbin.com/ucafeh/1/

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <!-- the dark background has to cover the whole width of the second row...-->
       <table class="table table-striped">
                <thead>
                <tr>
                    <th>Date</th>
                    <th>hl</th>
                    <th>Invoice</th>
                    <th>fefe</th>
                    <th>fefefef</th>
                    <th>fe VAT</th>
                    <th>C. dfgdf VAT</th>
                    <th>dfgdf</th>

                </tr>
                </thead>
          <tbody>
            <tr>
                <th><a class="inData" href="">17.17.17</a></th>
                <th><a class="inData" href="">50123</a></th>
                <th><a class="inData" href="">Invoice</a></th>
                <th><a class="inData" href="">Hola señor</a></th>
                <th><a class="inData" href="">-123.00</a></th>
                <th><a class="inData" href="">111</a></th>
                <th><a class="inData" href="">1200</a></th>
                <th><a class="inData" href="">GSP</a></th>
                <th><a class="deleteItem" href="#"><img src="" alt=""/>item</a></th>
                <th><a href="#myModal" role="" class="" data-toggle="modal">last-item</a></th>

            </tr>
4

4 に答える 4

3

内部の終了タグthの前に 2 つの空の要素を追加するだけでよいでしょうか(この例を参照してください: http://jsbin.com/iduxem/1 )。trthead

次に、次の単純な CSS を使用できます...

.table thead th { 
  background-color: green;
}
于 2013-05-13T16:08:46.260 に答える
0

行のスタイル<tr>を背景色で要素に色付けする

使用可能なすべての幅を使用するようにテーブルを拡張するには、<table>width:100% になるようにスタイルを設定するか、テーブルにデータを入力して自動的にサイズを自動調整します

于 2013-05-13T16:10:14.050 に答える