2016-11-11 84 views
1

Ive得到了一個DataTable正常工作,在我的「操作」列,我顯示圖像供用戶編輯/刪除等把一個表中的圖像之間的空間

但圖像是非常接近的,怎麼會我在他們之間放了幾個空格?

我使用下面的代碼來顯示圖像;

$row[2] = " 
    <td><a onClick =\"return confirm('Are You Sure You Want To Edit This Ticket?')\" href=$edit> 
    <img src=\"edit.png\"> 
    <td><a onClick =\"return confirm('Are You Sure You Want To Delete This Ticket?')\" href=$delete> 
    <img src=\"delete.png\">"; 

請讓我知道如何在兩者之間放置空間?

謝謝

+0

二者必選其一​​<一....或​​  <一個....你可以使用CSS,但會影響整個表。 – jeff

+0

你不關閉你的表列標籤。正如傑夫所說,使用CSS,但僅限於目標圖像,並給他們帶來利潤。 – Gezzasa

回答

1

使用層疊樣式表(CSS),您可以改變HTML元素的外觀。

例如:

<style type="text/css"> 
.spaced { 
    display: inline-block; 
    margin: 0px 5px 0px 5px; 
} 
</style> 

$row[2] = "<td><a class=\"spaced\" onClick =\"return confirm('Are You Sure You Want To Edit This Ticket?')\" href=$edit><img src=\"edit.png\"><td><a onClick =\"return confirm('Are You Sure You Want To Delete This Ticket?')\" href=$delete><img src=\"delete.png\">"; 
+1

這是把他們放在eachother下,而不是在一個空間的同一行嗎? – Mucca019

+0

我的錯誤。 '塊'需要更改爲'內嵌塊' – Peter

+0

這是一個,所有工作現在,好一個彼得 – Mucca019

0

您可以嘗試添加 &nbsp;&nbsp;&nbsp;圖像之間。這個例子我加了3個空格。

0
$row[2] = "<td><a onClick =\"return confirm('Are You Sure You Want To Edit This Ticket?')\" href=$edit><img src=\"edit.png\"><td><a onClick =\"return confirm('Are You Sure You Want To Delete This Ticket?')\" href=$delete><img src=\"delete.png\" style="padding:5px;">"; 

試試這個