當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

flask-bootstrap-高亮-下划线-删除线-加粗-斜体

發布時間：2025/4/16 编程问答 15 豆豆

生活随笔收集整理的這篇文章主要介紹了 flask-bootstrap-高亮-下划线-删除线-加粗-斜体小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

簡述

這是最基本的啦。以后肯定是可以用到的~

核心代碼

參考
https://getbootstrap.com/docs/4.1/content/typography/#inline-text-elements

效果：

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

You can use the mark tag to highlight text. <del>This line of text is meant to be treated as deleted text.</del> <s>This line of text is meant to be treated as no longer accurate.</s> <ins>This line of text is meant to be treated as an addition to the document.</ins> This line of text will render as underlined This line of text is meant to be treated as fine print. This line rendered as bold text. This line rendered as italicized text.

高亮

highlight

You can use the mark tag to highlight text.

刪除線

<del> 或者<s>

<del>This line of text is meant to be treated as deleted text.</del><s>This line of text is meant to be treated as no longer accurate.</s>

下劃線

<ins> 或

<ins>This line of text is meant to be treated as an addition to the document.</ins>This line of text will render as underlined

加粗斜體變小

第一個是正常的效果

This line of text is meant to be treated as original print.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

This line of text is meant to be treated as fine print. This line rendered as bold text. This line rendered as italicized text.

完整代碼

templates/index.html

<!doctype html> <html lang="zh"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"><title>Hello, world!</title> </head> <body> <div class="row"><div class="col-md-12 col-sm-12 col-xs-12">You can use the mark tag tohighlighttext.<del>This line of text is meant to be treated as deleted text.</del><s>This line of text is meant to be treated as no longer accurate.</s><ins>This line of text is meant to be treated as an addition to the document.</ins>This line of text will render as underlinedThis line of text is meant to be treated as original print.This line of text is meant to be treated as fine print.This line rendered as bold text.This line rendered as italicized text.</div> </div>   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"crossorigin="anonymous"></script> </body> </html>

app.py

from flask import Flask, render_templateapp = Flask(__name__)@app.route('/') def hello_world():return render_template('index.html')if __name__ == '__main__':app.run()

總結

以上是生活随笔為你收集整理的flask-bootstrap-高亮-下划线-删除线-加粗-斜体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： python生成gif【简明教程】
下一篇：遗传算法解决TSP问题 Python实现