div在表格td的右上角？

的<td>內部代碼（從檢查元件）：div在表格td的右上角？

<td colspan="6" class="google-visualization-orgchart-node google-visualization-orgchart-node-medium google-visualization-orgchart-nodesel"> 
<div class="col-md-8">Rian Priyanto </div> 
<div class="col-md-1">&nbsp;&nbsp;&nbsp;&nbsp;</div> 
<div class="col-md-3"><a href="#"><i class="fa fa-plus"></i></a></div> 
</td>

真實代碼：

<script type="text/javascript"> 

    google.charts.load('current', {packages:["orgchart"]}); 
    google.charts.setOnLoadCallback(drawChart); 

    function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Name'); 
    data.addColumn('string', 'Parent'); 

    data.addRows([ 
     <?php 
     foreach ($query as $row) { 
      if($row->kode_group >= 1000){$row->kode_group = '';} 
      echo '[{v:\''.$row->kode_groups.'\',f:\'<div style="position: relative;width:100%;height:100%;"><div class="col-md-8">'.$row->name.' </div><div class="col-md-1">&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="col-md-3" style="position: absolute !important;top: 0;right: 0px;"><a href="#"><i class="fa fa-plus"></i></a></div></div>\'},\''.$row->kode_group.'\'],'; 
     } 
     ?> 
    ]); 

    // Create the chart. 
    var chart = new google.visualization.OrgChart(document.getElementById('chart_div')); 
    // Draw the chart, setting the allowHtml option to true for the tooltips. 
    chart.draw(data, {allowHtml:true}); 
    } 
</script>

SS：

在1，當文本包裹，所述<i class="fa fa-plus"></i>位於<td>的右上方，但位於2當文本只有1行時，它在中間。

如何使<i class="fa fa-plus"></i>出現在右上角而與內容無關？

注：

的<td>是由谷歌產生的組織結構圖的javascript，所以我真的不知道是哪裏的代碼是（我不明白的JS）。
我大概只能編輯<td>裏面的內容而不是<td>本身（所以可能不能再添加<td>但是編輯css還是可以的）。
您可以自由安排div。所有我要的是text是align: left + v. align: middle &的icon是align: right + v. align: top
如果你想看到的頁面，這裏是TD作爲相對的div的save page

來源

2016-08-23 M. Zharfan Nugroho

應用位置風格位置風格爲絕對右上角0.它將始終位於右上角。

<table> 
    <tr> 
     <td> 
     <div style="position: relative;width:100%;height:100%;"> 
      <div class="col-md-8"> 
      Rian Priyanto 
      </div> 
      <div class="col-md-1"> 
      &nbsp;&nbsp;&nbsp;&nbsp; 
      </div> 
      <div class="col-md-3" style= 
      "position: absolute !important;top: 0;right: 0px;"> 
      <a href="#">+<i class="fa fa-plus"></i></a> 
      </div> 
     </div> 
     </td> 
    </tr> 
    <tr></tr> 
    </table>

來源

2016-08-23 07:13:06

不知何故，這並不做'不管content'的，http://i.stack.imgur.com /gwm7A.png –

如果你不能編輯td然後像上面那樣添加父div。 –

仍然，http://i.stack.imgur.com/rTmvX.png –

嘗試這種方式在TD &添加類col-md-3添加valign top到text-right

<td colspan="6" valign="top" class="google-visualization-orgchart-node google-visualization-orgchart-node-medium google-visualization-orgchart-nodesel"> 
<div class="col-md-8">Rian Priyanto </div> 
<div class="col-md-1">&nbsp;&nbsp;&nbsp;&nbsp;</div> 
<div class="col-md-3 text-right"><a href="#"><i class="fa fa-plus"></i></a></div> 
</td>

來源

2016-08-23 07:18:32

我不能編輯'td'，我只能編輯'td'中的內容，例如：'{我的編輯範圍}' –

add css like table tr td {vertical-align：top;} –

' td {vertical-align：top;}'也會使文本位於頂部，我想要中間的文本但頂部的圖標 –

div在表格td的右上角？

回答

相關問題