Après avoir ajouté la balise <span>, le texte disparaît
P粉226642568
P粉226642568 2023-08-13 19:16:16
0
1
519
<p>Je suis un débutant dans l'apprentissage du HTML pour concevoir des modèles d'e-mails. Je dois ajouter du texte devant le symbole et m'assurer que le texte reste aligné sur la ligne suivante. J'utilise la balise <li> pour aligner correctement le texte après le symbole. Mais pour une raison quelconque, cela ne semble pas fonctionner. </p> <p>Après avoir ajouté la balise <li>, le texte ne s'affiche pas, il disparaît. Si je supprime <li>, le texte réapparaît. Je ne suis pas sûr de la cause de ce comportement. Toute aide est grandement appréciée. Merci d'avance. </p> <pre class="brush:php;toolbar:false;"><!DOCTYPE html> <html lang="fr"> <tête> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css" /> <title>Navigateur</title> ≪/tête> <div class="b opaf v" style=font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%> <table cellpadding=0 style=border:none;vertical-align:top width=100%> <tr> <td align=left class=x style=font-size:0;word-break:break-word> <div style=text-align:left> <p style=margin:0;text-align:left><span style=font-size:12px;font-family:Arial,sans-serif;font-weight:400;color:#54565b;line-height :14px><span style=color:inherit;font-weight:inherit;font-family:inherit;font-size:65%;vertical-align:4px;line-height:0>&sect;</ durée> ; </envergure> </p> </div> </td> ≪/tr> </tableau> </div> <script src="script.js"></script> </corps> </html></pre>
P粉226642568
P粉226642568

répondre à tous(1)
P粉949848849

Je pense qu'une structure HTML de base n'est pas respectée. Je crois que c'est le résultat souhaité.

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="style.css" />
  <title>Browser</title>
</head>

<body>
  <div class="b opaf v" style="font-size: 0; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
    <table cellpadding="0" style="border: none; vertical-align: top; width: 100%;">
      <tr>
        <td align="left" class="x" style="font-size: 0; word-break: break-all;">
          <div style="text-align: left;">
            <ul style="margin: 0; padding-left: 20px; list-style-type: "&sect;;">
              <li style="font-size: 12px; font-family: Arial, sans-serif; font-weight: 400; color: #54565b; line-height: 14px; position: relative;">
                <span style="color: inherit; font-weight: inherit; font-family: inherit; font-size: 65%; vertical-align: 4px; line-height: 0;">&sect;</span>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
              </li>
            </ul>
          </div>
        </td>
      </tr>
    </table>
  </div>
  <script src="script.js"></script>
</body>

</html>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!