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

我正在使用这个树格指令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你可以在这里检查 –

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

回答

相关问题