Espace BUG_CSS/HTML

Cet article concerne l'utilisation de display:inline;. Lorsque je faisais une mise en page il y a quelques jours, j'ai utilisé cet effet, mais il n'est jamais sorti, j'ai perdu deux heures et j'ai ajouté trois lignes de code pour le résoudre. tout à coup, quand j'y pense, j'ai toujours l'impression que quelque chose ne va pas, parce que mon idée est bonne, mais l'effet ne peut tout simplement pas sortir ; je réécris le code et je trouve finalement le problème, c'est encore ce foutu bug spatial
 ;
ci-dessous Montrez-le à tout le monde pour que le même problème ne vous arrive plus

Jetons d'abord un coup d'œil au code CSS ci-dessous :

Copier le code Le code est le suivant :

Article émotionnel

Laissez-moi un message

• Liens amicaux

[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]
Vous l'avez vu ? Quelle est la différence entre IE et FIREFOX ? Regardez le code de mise en page ci-dessous, je mets tout cela sur la même ligne :

Copiez le code

Le code est comme suit :

• Page d'accueil du site
• Article émotionnel
< li> Laissez-moi un message
• Lien amical

le dernier ça marche !

Page d'accueilArticles émotionnels<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> body{ margin:0; padding:0; font-size:12px; text-align:center;line-height:25px;} #info{ margin:100px auto; background:#CCCC00; } ul,li{ margin:0; padding:0; list-style:none;} #info li{ border-left:1px solid #6633CC; display:inline;border-right:1px solid #6633CC; padding:5px 10px; margin-left:-1px;} </style>Laissez-moi un messageLiens amicaux<div id="info"><ul> <li> <br><input onclick="runEx('runcode91289')" type="button" value="运行代码"> <input onclick="doCopy('runcode91289')" type="button" value="复制代码"> <input onclick="doSave(runcode91289)" type="button" value="保存代码">[Ctrl+A Pilih semua Nota: <a href="/article/23421.htm" title="查看具体详情" target="_blank">Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan </a>]</li> </ul></div> <br><strong>Penyelesaian kepada masalah: </strong><br><div class="htmlarea"> <textarea id="runcode69263"><style type="text/css"> <!-- /* pr1984.com */ * {font-size:0;margin:0;padding:0;} body {font-family:"Verdana","宋体", "Arial",sans-serif;margin:100px 0;text-align:center;} a {font-size:12px;color:#000;text-decoration:none;} a:hover {color:#000;text-decoration:none;background-color:#FEFC6E;} #nav {min-width:400px;height:24px;border:1px solid #D28A05;border-width:1px 0;text-align:center;background:#ff9900 url("http://www.zishu.cn/attachments/month_0609/j2006912180.jpg");} #nav li {display:inline;padding:15px 15px 8px;border:1px solid #C97802;border-width:0 1px;margin-right:-1px;line-height:25px;} p {min-width:400px;margin:50px 0;font-size:12px;} --> </style> <!--[if lte IE 6]> <style type="text/css"> #nav ul,p {width:400px;} </style> <![endif]--> <div id="nav"> <ul> <li><a href="http://www.kijiji.cn">Rumah</a></li> <li><a href="http://www.kijiji.cn/fabu">Siar maklumat</a></li> <li><a href="http://www.kijiji.cn/wo/xxgl" title="在这里可以管理已经发布的信息和个人资料">Tetamu saya berkumpul bersama</a></li> <li><a href="http://blog.kijiji.com.cn/help/">Bantuan</a></li> </ul> </div>
[Ctrl+A pilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan ]