修复首页 word-break 的问题

奇奇怪怪，不在 Firefox 出现，会在 Chrome/Safari/iOS 上出现
movsb · Mar 11, 2024 · 01f73e5 · 01f73e5
1 parent 53b78d6
commit 01f73e5
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/theme/blog/templates/home.html b/theme/blog/templates/home.html
@@ -3,6 +3,11 @@
 #latest-comment-list .post-comment-list {
 	padding-left: 0;
 }
+#latest-comment-list p {
+	margin: 4px 0;
+	line-height: 1.3em;
+	word-break: break-word;
+}
 #all-posts {
 	padding-left: 40px; /* https://stackoverflow.com/a/30424422/3628322 */
 }
@@ -32,7 +37,7 @@ <h2>近期评论</h2>
 			<a href="/{{.PostID}}/">{{.PostTitle}}</a>
 			<ul class=post-comment-list>
 			{{ range .Comments}}
-				<li><b>{{.Author}}</b>：{{.Text}}</li>
+				<li><p><b>{{.Author}}</b>：{{.Text}}</p></li>
 			{{ end }}
 			</ul>
 		</li>