2013-10-07 60 views
-1

不同的行對齊文本我試圖解決一個問題,即我有2列的表(見附圖)如何與定義保證金

爲此,我還沒有找到解決辦法還沒有的問題,我需要從第二個表格列的最長文本到右邊距始終保留30px的右邊距,但此列中的文本必須與左邊對齊(最長的一個,其他文本必須始於相同的位置)。是否有可能實現它?

enter image description here

色譜柱的寬度設定爲80%不具有該寬度。

+1

您是否嘗試過使用'padding-right:30px'作爲右列單元格? – Czechnology

+0

當然可以。但問題是圖片上的垂直紅線與頁面右邊緣之間的未使用空間仍然存在。 – user1554427

+0

沒有看到你的HTML和CSS,試圖猜測一個解決方案是不生產的... –

回答

0

你需要做的是利用「padding-」屬性添加padding-right: 30px;

<table> 
    <tr> 
     <td style="padding-right:30px;"> 
      Test1 
     </td> 
     <td> 
      Some other text 
     </td> 
    </tr> 
    <tr> 
     <td style="padding-right:30px;"> 
      Test185 
     </td> 
     <td> 
      Some other text 
     </td> 
    </tr> 
    <tr> 
     <td style="padding-right:30px;"> 
      Test1 
     </td> 
     <td> 
      Some other text 
     </td> 
    </tr> 
</table> 

在此處查看......您可以進行更改並對其進行測試。 http://jsfiddle.net/tfFbZ/

+0

問題是,我這個組件就像一個表的效果是通過div創建的。 – user1554427

+0

你在你的第一篇文章中說過,「我試圖解決一個問題,我有兩列的桌子。」 但是,如果您必須使用div,請使用Twitter'Bootstrap'響應式網格。 –

0

該表列

0

padding-right: 30px加到第二列。就那麼簡單。

+0

看到我上面的評論。 – user1554427

+0

你能提供你的代碼的現場演示嗎? –

+0

我不能提供原創,但有類似http://jsfiddle.net/fht5c/。問題在於第三列中最長的文本應該有填充右鍵設置爲30px。 – user1554427