Il y a quelque temps, un ami qui débutait dans la production de sites Web m'a montré le site Web qu'il avait créé et m'a demandé de l'aider à résoudre le problème du code du site Web. Les deux sites utilisent la même méthode de production et les problématiques qui se posent sont exactement les mêmes. Je lui ai demandé quelle méthode il avait utilisée pour le créer, et il a répondu qu'après avoir créé la version en PS, le HTML était automatiquement généré après le découpage. En conséquence, de nombreux délimiteurs sont apparus dans le HTML. D'abord, il a créé le site Web www. 38sy.com, et des délimiteurs sont apparus. Finalement, il a cherché une solution sur Internet et a entendu dire que cela était dû à un découpage inégal lors du découpage. Ainsi, lors de la création du site Web www.suoying.net, il l'a coupé pixel par pixel en stricte conformité. avec les exigences du découpage Mais le résultat est toujours le même, il y a encore beaucoup de délimiteurs.
En fait, pour être honnête, j'ai eu le même problème lorsque j'utilisais des tables pures pour créer le site Web, mais plus tard je me suis habitué à utiliser DIV+CSS, j'ai donc mis ce problème de côté et n'ai pas étudié la solution.
Lorsqu'un ami a posé cette question, il s'en est soudainement souvenu, alors il a trouvé le temps de faire des recherches et a trouvé quelque chose de suspect. La situation est à peu près la suivante :
J'ai d'abord utilisé PS pour dessiner quelques images aléatoires, puis j'ai utilisé quelques traits pour générer du HTML. La première situation est la suivante :
Aucun délimiteur n'apparaît dans ce cas :
Après quelques coupures pour la deuxième fois, la situation est la suivante :
Voici le problème... beaucoup de séparateurs
J'ai donc reculé pas à pas. Quand je suis arrivé ici, le séparateur a disparu. (C'est-à-dire que les trois films suivants seront supprimés)
Un pas en avant et le délimiteur apparaît.
Il semble que l’avant-dernier film soit le point culminant.
Après une analyse minutieuse, il n'est pas difficile de découvrir que la raison possible pour laquelle le séparateur apparaît est que lors de la troisième coupe, la tranche a recouvert la ligne de démarcation entre la cinquième et la deuxième tranche générée par le tranchage automatique. Pour prouver cette affirmation, j'ai déplacé le troisième couteau d'un pas vers la droite et le séparateur a disparu, comme indiqué ci-dessous :
Jusqu'à présent, si mon analyse est correcte, la raison pour les séparateurs est que le découpage manuel couvre les séparateurs de découpage générés automatiquement, il existe donc trois solutions :
1. Lors du découpage manuel, ne couvrez pas les lignes de démarcation des tranches générées automatiquement (cela semble un peu irréaliste) ;
2. Désactivez la génération automatique de tranches (je n'ai pas trouvé de moyen de la désactiver... c'est un peu faible...) ;
3. Passez à une méthode de création de page Web qui ne nécessite pas de découpage (la plus réaliste, haha).