Selepas menambah tag <span>, teks itu hilang
P粉226642568
2023-08-13 19:16:16
<p>Saya seorang pemula dalam mempelajari Html untuk mereka bentuk templat e-mel. Saya perlu menambah teks di hadapan simbol dan memastikan teks kekal sejajar pada baris seterusnya. Saya menggunakan teg <li> untuk menjajarkan teks dengan betul selepas simbol. Tetapi atas sebab tertentu ia nampaknya tidak berfungsi. </p>
<p>Selepas menambah teg <li> Jika saya mengalih keluar <li>, teks itu muncul semula. Saya tidak pasti apakah punca kelakuan ini. Sebarang bantuan amatlah dihargai. Terima kasih terlebih dahulu. </p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html lang="en">
<kepala>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Pelayar</title>
</head>
<div class="b opaf v" style=font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%>
<pelapis sel meja=0 gaya=sempadan:tiada;penjajaran menegak:lebar atas=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>§</ span> ;
</span>
</p>
</div>
</td>
</tr>
</table>
</div>
<skrip src="script.js"></script>
</badan>
</html></pre>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya rasa beberapa struktur HTML asas tidak diikuti. Saya percaya ini adalah output yang diingini.
<!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: "§;"> <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;">§</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>