-2

でテーブルを作成しましたがwidth="610"、テーブルの境界を超えるオーバーフローが発生しました。CSS のみを使用してこのアクションを防止したいのですが、その方法がわかりません。

HTML

<p></p>
<div id="content">
  <div id="fill">
    <table border="0" cellpadding="0" cellspacing="5" style="width: 610px;" width="100%">
      <tbody>
        <tr>
          <td style="width: 3%;">
            <p></p>
          </td>
          <td style="width: 97%;">
            <p><a href=""></a></p>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

のコンテンツがコンテンツの<a href="">外側に展開されdivます。

4

6 に答える 6

2

テーブルのwidth属性は、デフォルトで として解釈されますmin-width。セルの内容が指定されたテーブル/セルの幅を超える場合、テーブル/セルの幅はその内容に応じて引き伸ばされます。これを修正するには、デフォルトの table-layoutプロパティをオーバーライドします。

.table1 {
    table-layout:fixed;
}
.table1 td {
    word-wrap:break-word;
}

http://jsfiddle.net/zEDcU/

于 2013-08-15T10:13:08.897 に答える
1

テーブルにクラスまたは ID を与える

<table class="class_name" id="id_name"></table>

次にcssでスタイルを設定します

#id_name {width:100%}
.class_name {width:100%}
于 2013-08-15T09:47:01.040 に答える
1

頭に：

<style type="css">
  table.my { width:610px; ... }
    table.my tr { ... }
</style>

体に：

<table class="my">
  <tr>
    <td>
    </td>
  </tr>
</table>
于 2013-08-15T09:51:02.137 に答える
0

テーブルにはセルがあります。各セルには、html 要素と同様に幅、パディング、ボーダー、マージンがあります。セルの最初のマージン/パディングを削除するには、 を使用できます。次に、CSS で td { } を使用してカスタム スタイルをセルに追加するか、より具体的なものが必要な場合は、セルにクラスまたは ID を追加してから、CSS を使用してスタイルを設定する必要があります。

于 2013-08-15T09:46:13.167 に答える
0

テーブルクラスを指定して、このクラスを次のように使用できます。

テーブル：

   .table1

表の行:

.table1 tr

テーブル td:

.table1 tr td
于 2013-08-15T09:44:53.797 に答える