2014-10-08 103 views
0

我有下面的代碼主題:我如何可以設置對齊邊框與其他邊界

table.alt { 
     border-collapse: separate; 
    } 

     table.alt tbody tr td { 
      border: solid 1px #e5e5e5; 
      border-left-width: 0; 
      border-top-width: 0; 
     } 

      table.alt tbody tr td:first-child { 
       border-left-width: 1px; 
      } 

     table.alt tbody tr:first-child td { 
      border-top-width: 1px; 
     } 

     table.alt thead { 
      border-bottom: 0; 
     } 

     table.alt tfoot { 
      border-top: 0; 
     } 

當我我的CSS添加到我的HTML中,邊框沒有正確對齊。我的代碼是:

table.alt tr th.rightAlignBorderLeft { 
    text-align: right; 
    border-left: solid 1px #e5e5e5; 
} 

以下是截圖:

enter image description here

我不想設定邊界崩潰崩潰,因爲改變我的默認主題的代碼可能會弄亂我的網頁。 我該如何解決這個問題?

編輯: 這是我的(新)小提琴:http://jsfiddle.net/ru1923mf/1/

+1

你能分享一些html嗎?這很難沒有它... – 2014-10-08 15:08:06

+0

感謝您的答案。 http://sudrap.org/paste/text/392202/ – nikel 2014-10-08 15:09:22

+1

@nikel你可以請發佈**相關的HTML,在這裏的問題? – George 2014-10-08 15:12:02

回答