0 
var $imageicon = $('<image/>');
 $imageicon.attr('src', '../../Content/images/ReplyIcon.png');
 $imageicon.addClass('replyIcon');
 var $table = $('<table/>').addClass('replyContent');
 $table.attr('id', 'replyArea');
                
 $table.append(
                         $('<tr>').append($('<td>').append($imageicon).addClass('replyIcontd'), $('<td>').text('hii'))
      );
 $("#container").append(
               $('<div/>')
                  .attr('id', 'replytopost')
                  .append($table)
            );

CSS

.replyIcontd
{
   width:5%;
   
}

テーブルが表示されますが、hii と画像の間のスペースを減らしたいと思います。幅を 5% に減らそうとしていますが、できません。画像の hii は 1 つの td で、ok は 1 つの td です。並んで来る

ここに画像の説明を入力

4

2 に答える 2

0

/動的に作成した要素を閉じるのを忘れました。

 $('<tr />').append($('<td />').append($imageicon).addClass('replyIcontd'), $('<td />').text('hii'));

更新 これを行う適切な方法で、スクリプトにかなり大きな変更を加えました。

 var $imageicon = $('<img />', {
     'src' : '../../Content/images/ReplyIcon.png',
     'class' : 'replyIcon'
 });

 var $table = $('<table/>', {
     "class" : "replyContent",
     "id" : "replayArea",
     'html' : $('<tr />', {
                 'html' :  $('<td />', {
                     'class': 'replyIcontd',
                     'html' : $imageicon
                 }).html()+$("<td />", {
                     'text' : 'hii'
                 }).html()                     
              })

 });

デモ

于 2012-04-28T15:26:39.877 に答える
0

あなたの問題は、固定幅の代わりにパーセンテージを使用していることだと思うかもしれません。自分のパソコンで試してみたところ、このスタイルが表データに適用されました。

css を展開してみてください:

.replyIcontd
{
   width: 200px;
   background: red;
}

これもうまくいくかもしれません。その場合は、より適切な値を使用する必要があります200px。5% の幅は、表の幅に対して相対的であることに注意してください。

于 2012-04-28T15:22:39.707 に答える