2017-01-03 42 views
0

タグからこのスペースを削除する方法。HTMLテーブル:2つのtdタグの間のスペースを削除します

<table width="100%"> 
    <thead> 
     <tr> 
     <td>Filename</td> 
     <td colspan="2">DateTime</td> 
     <td>Size</td> 
     </tr> 
    </thead> 
    <tbody > 
    <tr> 
     <td>43343434.jpg</td> 
     <td>18/02/2015</td> 
     <td> - 18:32:54</td> 
     <td>55MB</td> 
    </tr> 
    </tbody> 
</table> 

画像: enter image description here

だから、18/02/2015のように見える - 私は同じタグの中に時間を追加したいいけない18時32分54秒

+0

シェアHTMLコード – Bhavanaditya

+0

は1を試してみてください:// jsfiddle:あなたのDateTime列が右 – Thamilan

+0

のhttp整列します。 net/hx6pmrcz/ –

答えて

1

あなたは、CSSを定義する必要があります。

tbody tr > td:nth-child(2) { 
    width: 5%; 
} 
tbody tr > td{ 
    width: 45%; 
} 

https://jsfiddle.net/yerz2dg2/

+0

整列が残っているので正しくない。 –

+0

返信前に解答を試しましたか? – Banzay

+0

はい、私はtryed。そのちょうど整列したsecont​​のタグ。 –

0

このコードを試してください。

HTMLコード

<table border="1" width="100%"> 
 
    <tr> 
 
    <th col width="60">File Name</th> 
 
    <th col width="20" colspan="2">Date Time</th> 
 
    <th col width="20">Size</th> 
 
    </tr> 
 
    <tr> 
 
    <td col width="60">1.jpg</td> 
 
    <td col width="10">18-02-2015</td> 
 
    <td col width="10">18:32:54</td> 
 
    <td col width="20">55Mb</td> 
 
    </tr> 
 
</table>

+0

テーブル幅= "100%"そうではありません。 –

+0

あなたのHTMLコードを共有します – Bhavanaditya

+0

HTMLコードを追加しました。 –

0

がfollowin含めますテーブルタグのGプロパティ

CELLPADDING = "0" CELLSPACING = "0"

<table cellpadding="0" cellspacing="0" border="0"> 
<!-- table elements --!> 
</table> 
+0

を見てください。自分のコードをjsfiddleに入れて、このコードが動作していないことを確認できます。 –

+0

'

width =" 100% " –

+0

HTML5ではcellpaddingとcellspacingが廃止されたという事実を忘れてしまった。 –

関連する問題