0

Toggle Squaresのページには、JavaScriptによって生成されたすべてのセルに<img/>で作成されたテーブルがあります。次のCSSを適用しました。

.game, .game td, .game tr, .game img
{ 
  border: none;
  border-spacing: 0;
  padding: 0;
  margin: 0;
}

すべての間隔を削除するため。しかし、今、私は2つの隣接する行の間に間隔の細い背景線を取得しています。どうすればそれを排除できますか？

このページは有効なXHTML+CSSです。

助けてくれてありがとう。

よろしく、

シュロミフィッシュ。

DouglasCrockfordのJavascriptがJavaScriptの最良の入門書であることがわかりました。特にYahoo向けのビデオ：JSでオブジェクトがどのように作成および継承されているかを正確に学習できるJavaScriptプログラミング言語。

あなたの問題の解決策は次のとおりです。

function DesignPad() {  
  var that = this;
 function EditBar() {  
  this.removeHandler = function() {  
    print("RemoveHandler");
    that.dragger.removeAsset();
  }  
 }  
 function Dragger() {  
  this.removeAsset = function() {
    print("RemoveAsset");
  }  
 }  
 this.init = function() {  
  this.editBar = new EditBar();  
  this.dragger = new Dragger();  
 }
}  

var dp = new DesignPad();
dp.init();
dp.editBar.removeHandler();

しかし、他の人が気づいたように、あなたはいくつかのことをリファクタリングすることができます:)。

4

5 に答える 5

5

cellpadding="0" および cellspacing="0" 属性をテーブルに追加するか、使用してみてください

border-collapse: collapse; 
border-width: 0;

CSSで..

于 2009-05-12T19:38:25.050 に答える
3 
.game td img {
 display: block;
}

画像には独自の空白があります

于 2009-05-12T19:43:53.000 に答える
1

修理済み：

.game, .game td, .game tr, .game img
{ 
  border: none;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
于 2009-05-12T19:43:17.663 に答える
1

問題は次のとおりです。インライン画像は、ascent =画像の高さ、descent=フォントの下降の文字として扱われます。つまり、画像のみを含むテーブルセルの高さは、画像の高さよりも大きくなります。

これを修正する最も簡単な方法は、テーブル全体の行の高さをゼロに設定して、テキスト行の下降を抑制するか、display：blockをすべての画像に設定して、インラインフォーマットコンテキストからブロックフォーマットコンテキストに移動することです。

于 2009-05-12T19:48:28.920 に答える
0

私はあなたが探している効果を次のコードで得ることができました：

このコードは、4つの単色のjpegが隣り合って、間にスペースのない正方形を形成していることを示しています。

<html>
<head>
    <style>
        td { margin 0px; padding: 0px;}
        table { border-collapse:collapse;}
    </style>
</head>
<body>
    <table>
        <thead />
        <tbody>
            <tr><td><img src="test.jpeg" /></td><td><img src="test.jpeg" /></td></tr>                   
            <tr><td><img src="test.jpeg" /></td><td><img src="test.jpeg" /></td></tr>
        </tbody>
    </table>
</body>

于 2009-05-12T19:44:58.690 に答える