2015-02-07 52 views
-1

我正在開發一個新的組合的網站(你可以在這裏看到一個測試 - http://2loot.com/newsite/不需要像素邊框 - 使用引導系統

我使用CSS垂直對齊的選擇格柵部的下,但它增加了一個惱人的1px邊框,並在框的周圍出現清晰的線條(您可以在上面的示例中看到這一點)。

我試過修改表屬性,但由於某種原因我無法解決它!我試過可摺疊邊框,0填充,0邊距,0邊框間距。

table, 
td, 
th { 
    padding: 0; 
    border: none; 
    border-spacing:0; 
    border-collapse: collapse; 
} 

誰能一些線索這一點,我可能失去了一些東西很簡單......

謝謝!

快速編輯:我的意思是說我正在使用:display:table-cell用於我的.headerText類,而父類uiOverlay正在使用display:table;垂直對齊文本。

它在一些地方造成不必要的像素邊框(請參閱附件 - i.imgur.com/IERNS6l.jpg)

+1

我沒有看到您的網站的任何邊界或表... – user3781632 2015-02-07 21:31:15

+0

有你的頁面上沒有''

。 – Stickers2015-02-07 21:48:23

+0

對不起,我的意思是說我正在使用:display:table-cell用於我的.headerText類,並且父級uiOverlay正在使用display:table;垂直對齊文本,但它導致1px邊框(請參閱附件 - http://i.imgur.com/IERNS6l.jpg) – JCoulam 2015-02-07 21:53:26

回答

2

我不知道如果我理解正確的你,但嘗試添加到您的看到CSS是否有幫助:

#feature-sec { 
    position: relative; 
    right: 1px; 
    width: 101%; 
} 
+0

嗯,移動網格確實有效,但它似乎有點像黑客,更好的主意看看這個(http://i.imgur.com/iyuNX7g.jpg),似乎添加display:table有時會在每個部分周圍添加一個薄的1px邊框。如果我找到任何東西,我會繼續尋找答案併發布它! – JCoulam 2015-02-07 22:36:33