下面我們通過最簡單的例子來介紹css文本首行縮排即text-indent屬性的使用方法及相關知識。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css首行縮排的代碼使用樣本</title> <style> p {text-indent:36px;} </style></head><body><p> 這裡是關於css文本縮排的一段文字。這裡是關於css文字縮排的一段文字。這裡是關於css首行縮排的一段文字。 這裡是關於css文本縮排的一段文字。這裡是關於css文字縮排的一段文字。這裡是關於css首行縮排的一段文字。 這裡是關於css文本縮排的一段文字。這裡是關於css文字縮排的一段文字。這裡是關於css首行縮排的一段文字。</p></body></html>
上述代碼在瀏覽器訪問效果如：
我們可以發現，這個html段落產生了首行縮排的效果。這裡大家顯然可以發現是css中哪個樣式屬性在起作用吧？就是text-indent樣式屬性了！那麼text-indent是什麼意思呢？其實顯而易見這個樣式屬性的作用就是能使文本進行首行縮排效果，比如使html首行縮排2個字元、縮排1字元等等需求，而且這裡也提醒一下各位，text-indent樣式屬性是可以有負值的，負值的話文本段落首行就會縮排到左邊了。一般情況不使用負值。
那麼通過以上介紹，大家對如何用css設定文欄位落首行縮排的問題是不是已經掌握了呢？本篇文章具有一定參考價值，希望對有需要的朋友有所協助！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
