1
0
Fork 0

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

Alpha-snapshot20230621
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{ .lead{
font-size: 17px; font-size: 18px;
font-family: Arial, Helvetica, sans-serif; font-family: Helvetica, sans-serif;
white-space: pre-wrap;
} }
.display-5{
font-size: 30px;
}
</style> </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> <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/> <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/> <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/> <p class="lead"><font id="article">{{ today_article["article_body"] }}</font></p><br/>
<div> <div>
<h6>source: </h6>
<p><small class="text-muted" id="source">{{ today_article['source'] }}</small></p><br/> <p><small class="text-muted" id="source">{{ today_article['source'] }}</small></p><br/>
</div> </div>