CSS：如何將元素直接放置（請參見圖片）？

-2

如何將一個箭頭（紅色圓圈）直接放在桌子右側和中間？CSS：如何將元素直接放置（請參見圖片）？

enter image description here

UPDATE

的鏈接到我的html代碼jsfiddle .net/4j679a7t

來源

2014-10-03 Alex

你有任何代碼開始？有很多方法... – Maigret 2014-10-03 17:00:54

你將不得不更加具體的你想要什麼，還包括相關的HTML和你試過的CSS – CRABOLO 2014-10-03 17:01:08

你到目前爲止嘗試過什麼？我的建議是把它放在一個完整的高度欄，並給它一個'保證金：自動0;' – 2014-10-03 17:01:55

，最簡單的方式做到這一點http://jsfiddle.net/aedagn95/

的HTML

<div class="table-wrap"> <a class="arrow-top" href="#">&uarr;</a> 

    <table border="1"> 
     <tr> 
      <th>Name</th> 
      <th>Name</th> 
      <th>Name</th> 
      <th>Name</th> 
     </tr> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>Name</td> 
      <td>23</td> 
      <td>23</td> 
      <td>23</td> 
     </tr> 
    </table> 
</div>

該CSS

.table-wrap { 
    width: 100%; 
    position: relative; 
} 
.table-wrap table { 
    width: 500px; 
    margin: 0 auto; 
} 
.arrow-top { 
    width: 20px; 
    height: 20px; 
    text-align: center; 
    line-height: 20px; 
    border: 1px solid #000; 
    color: #000; 
    font-size: 12px; 
    text-decoration: none; 
    border-radius: 100%; 
    position: absolute; 
    right: 20px; 
    top: 50%; 
    margin-top: -10px; /* The half of your element height */  
}

來源

2014-10-03 17:45:08

CSS：如何將元素直接放置（請參見圖片）？

回答

相關問題