2012-02-22 68 views
-2

我有以下的html:如何保證金權添加到表

<table width="100%;> 
     <tr><hr style="width:100%;"></hr></tr> 
     <tr> 
      <span style="float:left">abc</span> 
      <span class="noindex" style="float:right">PageID</span> 
     </tr> 
     <br/> 
     <tr>Some text here...</tr> 
</table> 

我想從屏幕右側添加100px的保證金。我嘗試添加邊距 - 右側,並刪除寬度= 100%,它不工作。

+7

你的HTML是完全錯誤的。 – j08691 2012-02-22 21:12:59

+0

你在哪裏'​​'s和'
|


'裏面''? – elclanrs2012-02-22 21:15:26

+0

@ j08691 - 爲什麼它錯了? – NoviceMe 2012-02-22 21:15:43

回答

12

保證金的權利將無法正常工作。 你可以做什麼是:

  1. 在div標籤換行表。加上保證金div的
  2. 設置表格的寬度爲100%,而不是

修訂 如果要創建一個頁面佈局,那麼你應該使用div的表。表格適用於數據顯示(如自定義網格樣式視圖)。

<div> 
    <div style="margin-right:100px"> 
     <table style="width:100%"> 
      //your table 
     </table> 
    </div> 
</div> 

希望它有幫助。

+0

我試圖不工作。 – NoviceMe 2012-02-22 21:17:01

+0

其實我只是刪除了表格,並保持工作的div。 – NoviceMe 2012-02-22 21:47:21

+0

我不得不使用包含div的「display:inline-block」 – 2016-08-29 13:12:54

3

您需要添加TD標籤,你忘記關閉寬度屬性附加傷害:如果你設置寬度爲100%

<table width="100%" style="margin-right:100px"> 
    <tr><td><hr style="width:100%;"></hr></td></tr> 
    <tr><td> 
     <span style="float:left">abc</span> 
     <span class="noindex" style="float:right">PageID</span></td> 
    </tr> 
    <tr><td>Some text here...</td></tr> 
</table> 
+0

問題要求'保證金正確',而不是'保證金左' – sdaau 2013-02-06 00:11:37

+0

@sdaau我將其更改爲保證金 - 右 – jcubic 2013-02-06 08:31:28

-5

只要使用這個

<table width="100%" style="margin-right:100px;"> 
    <tr><hr style="width:100%;"></hr></tr> 
    <tr> 
     <span style="float:left">abc</span> 
     <span class="noindex" style="float:right">PageID</span> 
    </tr> 
    <br/> 
    <tr>Some text here...</tr> 
    </table> 
+2

您還需要​​標籤... – 2012-07-27 18:06:00