文章段落正确分段(在 lead class 中添加 white-space: pre-wrap;)

Bug511-Bosh
Lan Hui 2023-08-10 10:03:02 +08:00
parent 43419ab4b6
commit 14ab63c85c
1 changed files with 5 additions and 7 deletions

View File

@ -34,13 +34,12 @@
}
.lead{
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-family: Helvetica, sans-serif;
white-space: pre-wrap;
}
.display-5{
font-size: 30px;
}
</style>
@ -69,10 +68,9 @@
<div class="alert alert-success" role="alert">According to your word list, your level is <span class="badge bg-success" id="user-level">{{ today_article["user_level"] }}</span> and we have chosen an article with a difficulty level of <span class="badge bg-success" id="text_level">{{ today_article["text_level"] }}</span> for you.</div>
<p class="text-muted" id="date">Article added on: {{ today_article["date"] }}</p><br/>
<div class="p-3 mb-2 bg-light text-dark" style="margin: 0 0.5%;"><br/>
<p class="display-5" id="article_title">{{ today_article["article_title"] }}</p><br/>
<p class="display-6" id="article_title">{{ today_article["article_title"] }}</p><br/>
<p class="lead"><font id="article">{{ today_article["article_body"] }}</font></p><br/>
<div>
<h6>source: </h6>
<p><small class="text-muted" id="source">{{ today_article['source'] }}</small></p><br/>
</div>