Existe-t-il une autre combinaison d'image et de balise d'ancrage
David
J'ai un texte et une image et les deux sont cliquables. J'utilise donc l'ancre et la balise d'image.
Voici un code.
myData.text = "<a style='color:#0000ff' onClick='func(event," + JSON.stringify(myData) + ")' href='javascript:void(0);'>"+Countary Data Connection +"</a>"+"<img src='Images/image.png' style='padding-left:2px' onClick='someFunc(event," + JSON.stringify(myData) + ")'></img>";
Voici mon image.
Fiddler Fiddler Tout clic sur l'événement et tout va bien. J'ai deux questions ici.
- Y a-t-il un autre moyen ou tag que je peux utiliser ou c'est le seul moyen ? (ancre+img)
- Mon image n'est pas tout au texte. Comment tout faire. (Si je donne
padding-topalors tout (texte + image) les deux descendent.). Comment y remédier.
Abhishek Pandey
Enveloppez aet imgdans une spanfonction et attachez à l'élément parent ( span), et pour l'alignement, ajoutez vertical-align: middle;à img, par défaut, les éléments en ligne sont alignés sur la ligne de base, c'est pourquoi l'ajout de remplissage déplaçait les deux éléments vers le bas.
img {
vertical-align: middle;
}<span onClick='func(event," + JSON.stringify(myData) + ")'><a style='color:#0000ff' href='javascript:void(0);'>Countary Data Connection </a>
<img src='Images/image.png'></span>Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
modifier le
Articles connexes
TOP liste
- 1
comment supprimer "compte de connexion google" à des fins de développement - actions sur google
- 2
J'ai besoin de savoir si ces deux phrases sont les mêmes en programmation
- 3
Microsoft.WebApplication.targets
- 4
Création d'un nouvel objet d'une classe avec un nouveau nom en cliquant sur un bouton dans java swing
- 5
La taille de la forme n'est pas égale à la taille de la cellule du tableau et ajuste le texte à l'intérieur de la forme
- 6
Javascript indiquant "impossible de définir la propriété 'innerHTML' sur null"
- 7
Pourquoi utiliser Asyncio ne réduit pas le temps d'exécution global en Python et n'exécute pas les fonctions simultanément?
- 8
Création d'un rappel python pour une fonction C à partir d'une DLL avec un tampon char.
- 9
Trouver l'intersection et l'union de deux rectangles
- 10
Comment convertir une chaîne en tuple en utilisant `reads`?
- 11
Empêcher l'allocation de mémoire dans la génération de combinaison récursive
- 12
Restauration de la sauvegarde de la base de données SQL Server sur la version inférieure
- 13
Nextcloud avec Docker: impossible de créer ou d'écrire dans le répertoire de données
- 14
Compter combien de fois un nombre apparaît dans un tableau aléatoire
- 15
java.lang.ClassNotFoundException: oracle.jdbc.driver.OracleDriver
- 16
java.lang.NoClassDefFoundError: org / springframework / data / repository / config / BootstrapMode
- 17
Créer un graphique à barres avec une fréquence relative / à partir d'un objet de table dans R
- 18
comment le contrôle de tableau javascript devrait-il être
- 19
Importation bizarre de Google Sheets importxml - Impossible d'obtenir le chemin correct vers les éléments
- 20
Injecter des éléments dans une liste existante au printemps
- 21
Placez le modeBar en haut au centre à l'aide de plotly.js
laisse moi dire quelques mots