首页 > 解决方案 > 标签的额外缩进?

问题描述

标签: htmlcss

解决方案


试一试:请在开头删除第一个和最后一个 li 内容中的空格。

我查看了您生成的上面给定 URL 的 HTML 代码。这不是确切的语义。这显然不是一个有效的 html 语义。更改您的代码:

<ul style="line-height: 160%;">
<li class="presta">
<a target="_blank" class="retour" href="/pages/contact" title="Envoyer un email à Pascal pour recevoir un Audit" style="text-decoration: underline; color:#1990C6;">Prise de contact</a> avec votre besoin succintement décrit</li>
<br>
<li class="presta">Audit Vidéo de 10 min, Gratuit et Sans Engagement </li>
<br>
<li class="presta">Ajustement &amp; Établissement du Devis</li>
<br>
<li class="presta">Réception du Paiement</li>
<br>
<li class="presta">Prestation livrée dans les meilleurs délais</li>
<br>
<li class="presta">Compte-Rendu en vidéo de 10 min, et réception du feedback client avec témoignage</li>
<br>
<li class="presta">
<strong>Consulting Personnalisé Offert</strong> pour aller plus loin</li>
<br>
</ul>

至:

<ul style="line-height: 160%;">
  <li class="presta"><a target="_blank" class="retour" href="/pages/contact" title="Envoyer un email à Pascal pour recevoir un Audit" style="text-decoration: underline; color:#1990C6;">Prise de contact</a> avec votre besoin succintement décrit</li>
  <li class="presta">Audit Vidéo de 10 min, Gratuit et Sans Engagement </li>
  <li class="presta">Ajustement &amp; Établissement du Devis</li>
  <li class="presta">Réception du Paiement</li>
  <li class="presta">Prestation livrée dans les meilleurs délais</li>
  <li class="presta">Compte-Rendu en vidéo de 10 min, et réception du feedback client avec témoignage</li>
  <li class="presta"><strong>Consulting Personnalisé Offert</strong> pour aller plus loin</li>
</ul>

我还删除了元素<br>之间的 s 。<li>出于间距目的,您必须为<li>元素定义边距。要创建有效标记,您必须将其删除<br><ul>. 如果你真的需要这种休息,你可以这样使用它:<li>some content<br></li>

无论如何,我推荐margin-bottom这种行为。


推荐阅读