網站首頁 最佳化案例 正文
這篇文章主要介紹css如何實現段落首行縮排2個字元╃◕▩✘✘,文中介紹的非常詳細╃◕▩✘✘,具有一定的參考價值╃◕▩✘✘,感興趣的小夥伴們一定要看完·│▩│╃!
段落首行抬頭恰恰縮排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個漢字位置例項
1)│·✘◕、縮排例項CSS+HTML程式碼
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>剛才縮排2個字CSS例項 CSS5</title><style>.f14{ font-size:14px}.f22{ font-size:22px}.sjlz{ text-indent:2em}</style></head><body><div class="f14 sjlz">我字型大小為14px╃◕▩✘✘,看看可否<br />剛好縮排2個漢字地位</div><div class="f22 sjlz">我字型大小為2px╃◕▩✘✘,看看能否<br />偏偏縮排2個漢字身分</div></body></html>
配置一個14px字型大小╃◕▩✘✘,一個css字型大小為22px╃◕▩✘✘,設定相反2em縮排名目│✘│。
2)│·✘◕、截圖
以上是“css如何實現段落首行縮排2個字元”這篇文章的所有內容其實很簡單就
text-indent:2em; 就行了
- 上一篇↟·◕•: 帝國cms如何登陸後臺地址╃◕▩✘✘,如何讓id從1開始
- 下一篇↟·◕•: python╃◕▩✘✘,py採集過程中谷歌核心版本需要更新怎麼操作
你 發表評論:
歡迎- 2022-12-07帝國cms如何在首頁和列表頁分別呼叫文章欄目名稱
- 2022-12-01帝國cms如何清理全部tag標籤
- 2022-11-29如何重新安裝zblog╃◕▩✘✘,在已有資料庫的情況下
- 2022-11-24python╃◕▩✘✘,py採集過程中谷歌核心版本需要更新怎麼操作
- 2022-07-14css如何設定首航縮排兩字元
- 2022-07-06帝國cms如何登陸後臺地址╃◕▩✘✘,如何讓id從1開始
- 2022-03-31如何用php隨機生成一個數字
- 2022-03-04帝國cms如何自動稽核生成文章╃◕▩✘✘,帝國自動稽核外掛分享
- 搜尋
- 文章歸檔
本文暫時沒有評論╃◕▩✘✘,來新增一個吧(●'◡'●)