相對位置和左右屬性一起不起作用，只剩下工作

我正在使用這個樹格指令github.com，下面的css是直接從這個庫中取的。相對位置和左右屬性一起不起作用，只剩下工作

.tree-grid .level-2 .indented { 
    position : relative; 
    left  : 20px; 
} 

<td><a ng-click="user_clicks_branch(row.branch)"><i ng-class="row.tree_icon" ng-click="row.branch.expanded = !row.branch.expanded" class="indented tree-icon"></i></a><span class="indented tree-label tree-grid-row level-2> 
      Citi Corporate and Investment Banking</span> 
      </td>

我有問題是內部TD跨度溢出，並顯示在下一列，爲此我需要添加合適的：20像素，但它無法正常工作。

有沒有辦法解決這個問題 plnkr.co

來源

2016-09-13 ua_boaz

提供了一個簡單的html演示代表問題。 *「不工作」*不是一個適當的問題描述，告訴我們很多...特別是當沒有太多的代碼給出，我們不知道你是如何修改任何東西。參見[mcve] – charlietfl

padding-right：20px。你誤解了左派和右派的做法。 –

看看上面的plunkr，你可以注意到3級或4級節點的樣式，以及如何使它不會與下一列的下一列 –

時改變現有離開 CSS規則權，你應該通過left: auto;連同您的左值：

SOME_OVERRIDE { 
    left: auto; 
    right: NEW_VALUE; 
}

來源

2016-09-13 23:50:49 Andriy

它聽起來就像你試圖給你的span元素添加頁邊距。爲此，請使用保證金餘額和保證金餘額屬性。

同時使用左和右沒有意義。您只能相對於父框元素的一個垂直和一個水平邊進行定位。

來源

2016-09-14 00:02:08

http：// plnkr重疊。 co/edit/XHzJgtJvuVAmkKn5vgPd？p =預覽您能否嘗試修復 –

只需加上padding-right: 20px;就可以了。

我選擇了有針對性的跨度從CSS像

<!DOCTYPE html> 
<html ng-app="abas-web"> 
    ... 
    <body> 
    ... 
    <style> 
    span.indented.tree-label { 
     left: auto !important; 
     padding-left: 60px; 
     padding-right: 20px; 
    } 
    </style> 
    </body> 

</html>

注：我使用!important覆蓋您先前放置的樣式設置。這僅用於演示目的。您應該刪除left樣式，而不是像這樣覆蓋它。

Demo

來源

2016-09-14 05:51:25 Starx

您的演示程序也存在問題，名稱列中的某些內容會跨越到下一列 –

@ua_boaz，您能否向我顯示屏幕截圖？也許你只需要一個單詞包裝。 – Starx

http://tinypic.com/r/33c7jv5/9你可以在這裏檢查 –

相對位置和左右屬性一起不起作用，只剩下工作

回答

相關問題