-1

単純な HTML レイアウトの問題があります。表のセルの幅に合わせて表を調整したいのですが、親要素に合わせて調整しています。

何か助けはありますか？

スタイルは

 <style>
    .one
    {
       width:50px;
       height:30px;
       background:black;
     }
 </style>

HTML:

 <div style="position:absolute;width:200px;height:500px;">
    <table>
    <tr>
    <td class="one"></td><td class="one"></td>
    <td class="one"></td><td class="one"></td>
    <td class="one"></td><td class="one"></td>
    <td class="one"></td><td class="one"></td>
     <td class="one"></td><td class="one"></td>
    <td class="one"></td><td class="one"></td>
    </tr>
</table>
</div>
4

3 に答える 3

0

ここで、cssを使用し、クラス1を使用してテーブルとtdの幅を定義します。

このように

table{
width:100px;
// other css as requirement layout 
}
.one{
width:50px;
  // other css as requirement layout
}
于 2012-07-13T04:40:44.990 に答える
0

このスレに寄せられたコメントによると、

  • 単一の行、つまりオールインワンが必要<td>です<tr>
  • すべての合計テーブル データの幅となる行幅に従って調整するテーブル<td>

さて、あなたは単一の行を持っています。テーブルの内容は、よく見るとそれに応じて調整されています.

要素を寸法で自動的に再生する場合は、適切な場所で適切な要素を選択し、それらの寸法を台無しにしないでください。ただし、寸法の調整が必要な場合もありますが、土台がしっかりしていればデザインに反映されます。

テーブル要素の設定widthは、テーブルの例外を作成しません。内容に応じて調整します。このように機能させるために特別なことは何もしません。

親のセットoverflow:hiddenがある場合、出力は次のようになります。より鮮明な画像でこれを修正してください。

于 2012-07-13T04:55:33.487 に答える
0

テーブルにいくつかのコンテンツを配置し、背景色を変更すると、div コンテナーではなくコンテンツに展開されることが示されます...テーブルのパラメーターを定義する CSS がない限り、必要なことを行う必要があるため、テーブルの外部 CSS ルールを確認してください。

<div style="position:absolute;width:200px;height:500px;background-color:ff0033;">
<table bgcolor="blue">
<tr>
<td class="one"></td><td class="one">wewer</td>
<td class="one"></td><td class="one"></td>
<td class="one"></td><td class="one"></td>
<td class="one"></td><td class="one"></td>
 <td class="one"></td><td class="one"></td>
<td class="one"></td><td class="one"></td>
</tr>
</table>
</div>
于 2012-07-13T04:38:12.927 に答える