Maison >interface Web >tutoriel HTML >Le tableau définit l'image d'arrière-plan et ne peut pas afficher 100 % de la production de la page solution_HTML/Xhtml_Web

Le tableau définit l'image d'arrière-plan et ne peut pas afficher 100 % de la production de la page solution_HTML/Xhtml_Web

WBOY
WBOYoriginal
2016-05-16 16:40:492198parcourir

La situation suivante a été découverte lors du développement :
(1) Si le fichier est stocké sous la forme d'un suffixe de fichier .jsp, le code est le suivant (index.jsp) :

Copier le code
Le code est le suivant :

<%@page contentType="text/html; charset =utf-8" pageEncoding= "utf-8" langage="java" %>



Laissez le tableau afficher 100 %
< /tête>



< tr>



< /table>



Une fois le programme exécuté, l'effet affiché sur la page est le suivant :

Il y a deux problèmes avec cet effet :
(1) L'arrière-plan du td du milieu ne couvre pas tout le td
(2) La largeur totale du tableau ne remplit pas tout l'écran ; .
Je suis perplexe et très déprimée ! ! En arrière-plan, j'essaie d'ajouter border="0" au tableau, et l'effet est toujours celui indiqué dans l'image ci-dessus. Remplacez 0 par 1 et constatez que le tableau remplit tout l'écran et que le td est également couvert par l'arrière-plan, comme indiqué ci-dessous, mais la bordure du tableau n'est pas ce que je veux.

On constate que la méthode ci-dessus ne peut pas résoudre fondamentalement le problème.
Ensuite, j'ai vérifié les trois TD dans le tableau et j'ai constaté qu'il n'y avait pas de contenu dans le deuxième TD, j'ai donc essayé de remplir le contenu dans le deuxième TD. Le code est le suivant :

<.>
Copier le codeLe code est le suivant :
< /td>



Le deuxième td ajoute du contenu< /td>
< ;/td>


L'effet après l'exécution du code est fondamentalement conforme au résultat final. est le suivant :

Ajustez simplement le code légèrement ci-dessous. Le code complet est le suivant :

Copiez le code Codez comme suit :

<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %>




让表格百分之一百显示








 




最终效果如下图所示:




Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn