css如何實現首行縮進2字符

發布時間：2022-03-03 09:34:01 來源：億速云閱讀：685 作者：小新欄目：web開發

這篇文章主要介紹了css如何實現首行縮進2字符，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

　　1、首先應用縮進CSS屬性：text-indent

　　2、單位準確的選擇：

　　1）、px單位

　　如果知道字體大小，而且是固定的可以使用px作為縮進值單位。

　　如果字體大小在12px，設置text-indent:24px（24px左右即可）。

　　2）、em單位（強烈推薦）

　　em是相對長度單位

　　無論字體大小設置多少，em單位作為縮進樣式單位，即可自適應實現要縮進文字長度。

　　text-indent:2em設置2em,就能實現無論字體大小設置多少，都能自適應縮進2個字的距離空格效果。

　　3、縮進2個漢字位置實例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

　　<title>剛剛縮進2個字CSS實例</title>

　　<style>

　　.f14{font-size:14px}

　　.f22{font-size:22px}

　　.sjlz{text-indent:2em}

　　</style>

　　</head>

　　<body>

　　<divclass="f14sjlz">我字體大小為14px，看看是否<br/>剛好縮進2個漢字位置</div>

　　<divclass="f22sjlz">我字體大小為2px，看看是否<br/>剛好縮進2個漢字位置</div>

　　</body>

　　</html>

感謝你能夠認真閱讀完這篇文章，希望小編分享的“css如何實現首行縮進2字符”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本