0

別の要件ではないようですが、実行できませんでした。ここに私のhtmlページがあります：http://www.xiexianhui.com/baxjoomla15/index0.html

ページを開いてソース コードを確認すると、次のように表示されます。

tr.spaceUnder > td
{
  padding-bottom: -0.5em;
}

テーブルの行間の間隔を制御するために使用されます。より多くのスペースが必要な場合は問題なく動作しますが、より少ないスペースが必要な場合は機能しません。ページのスペースを減らすにはどうすればよいですか?

場合によっては、画像のサイズを変更できるようにする必要もありますが、どうすればよいですか?

4

2 に答える 2

0

padding負にすることはできません。 0 に設定し、各テーブルに適用するなど、タグ に追加cellpadding=0 cellspacing=0してみてください。次に、各テーブルのスタイルに適用します。ところで、画像なしでタグを表示し、1 ピクセルの境界線幅で正確にフィットさせることをお勧めします。その後、問題がなければ、画像を追加できます。<table><table cellspacing=0 cellpadding=0>...</table>margin: 0; padding: 0;td

各画像をセルに正確に合わせたい場合は、行/列の高さ/幅が行/列の最大要素の値を取得するため、各セルの幅の合計を正確に同じにする必要があります。手でセットします。

UPDATE 次の行をコードに適用してみてください：

$( "img" ).each( function(){ this.style.padding = 0; this.style.margin = 0; } )
$( "td" ).each( function(){ this.style.padding = 0; this.style.margin = 0; } )

これにより、期待される結果に少し近づくことができます。

于 2012-06-20T18:22:09.293 に答える
0

table要素内に要素がありますtd。テーブルは 3 つではなく、1 つにする必要があります。

表のデフォルトの間隔を削除するには、次のようにする必要があります。

<table cellpadding="0" cellspacing="0">

テーブルは無意味に見えるので、td 要素からテーブルを削除する必要があります。このようなもの：

<table width="780" border="0" align="center" cellspacing="0" bordercolor="#000000" id="content" name="content">
  <tr class="spaceUnder">
        <td width="300"><img src="1930.png" width="300" height="130" /></td>
        <td width="150"><img src="1931.png" width="149" height="130" /></td>
        <td width="150"><img src="1930.png" width="149" height="130" /></td>
        <td width="300"><img src="1651.png" width="300" height="130" /></td>
      </tr>

  <tr class="spaceUnder">
    <td width="150"><img src="1931.png" width="149" height="130" /></td>
        <td width="150"><img src="1931.png" width="149" height="130" /></td>
        <td width="300"><img src="1930.png" width="300" height="130" /></td>
        <td width="150"><img src="1931.png" width="149" height="130" /></td>
        <td width="150"><img src="1931.png" width="149" height="130" /></td>
   </tr>
</table>
于 2012-06-20T18:28:18.843 に答える