Putting einen Raum zwischen den Bildern in einer Tabelle

Question

Ive erhielt eine Datatable arbeiten in meiner Spalte ‚Aktionen‘ richtig, ich bin die Anzeige der Bilder für die Benutzer bearbeiten/löschen usw.

Allerdings sind die Bilder sehr nahe beieinander liegen, wie würde Ich platziere ein paar Leerzeichen zwischen ihnen?

Ich verwende den folgenden Code, um die Bilder anzuzeigen;

$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\">"; 

Bitte lassen Sie mich wissen, wie ich einen Abstand zwischen den beiden setzen könnte?

Dank

Answer 1

Verwendung von Cascading Style Sheets (CSS) können Sie das Aussehen von HTML-Elementen ändern.

Zum Beispiel:

<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\">"; 

Answer 2

können Sie versuchen, hinzufügen     zwischen dem Bild. In diesem Beispiel füge ich 3 Leerzeichen hinzu.

Answer 3

$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;">"; 

Versuchen Sie, diese