css中text indent與padding有什麼

1樓：__劇情丶

text-indent不影響元素的最終寬度但是有相容性問題，padding在主流瀏覽器ie低版本下影響最終寬度，但在chrome和firefox下不影響寬度，但是可以通過css reset解決多瀏覽器顯示不一的問題，使得他們最終都影響寬度。

text-indent和padding的基本區別：

1、padding基於盒模型，適用於inline和block層級的元素

2、text-indent基於行內排版，僅僅適用於block層級的元素，作用於block層級的元素的內部第一行文字

padding會作用於inline框或block框的左側padding區域，會影響到content-box，而文字子節點會出現在content-box內部，因此所有文字都會左移。

作為一個inline-block層級的標籤，它是固定單行顯示的（而且還和white-space機制不一樣），上面所述區別並不存在。

那麼區別在**呢：

1、text-indent基於行內排版，導致應用了direction: rtl之後，text-indent提供的indent出現在右側；padding-left則不受direction影響。

當然，direction這個屬性不常用於

2、padding-left基於盒模型，所以box-sizing屬性會和padding-left、width屬性一同影響到元素的最終寬度；而text-indent則始終不會影響元素的寬度。

這很重要，因為webkit和firefox的預設樣式表裡，會設定input元素的box-sizing: border-box，若你同時設定了width和padding-left，會出現webkit/firefox和ie低版本的很大的寬度區別。

因此，用到padding-left時，需要重置webkit和firefox的相應樣式：

2樓：匿名使用者

text-indent 文字縮排常用用法style="text-indent :2em" 用於首行縮排padding ？舉個例吧，table裡有張圖，圖的邊緣和table的距離就是padding的第一距離，常用用法 style="padding:

8px"

3樓：匿名使用者

padding 元素的內邊距text-indent 文字縮排

4樓：匿名使用者

一個是對文字的，一個是對所有元素的

css中text-indent 詳細解釋下什麼意思怎麼用

5樓：幻翼高達

css中的text-indent用於設定首行縮排，用法如下。

需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，開啟html編輯器，新建html檔案，例如：index.html。

2、在index.html中的標籤中，輸入css**：body 。

3、瀏覽器執行index.html頁面，此時成功設定了首行縮排是50px大小。

6樓：匿名使用者

text-indent

表示文字首行縮排，好比word中的首行縮排例如：希望一段文字第一行縮排2個漢字，這段文字字型大小為12px,放到此處是你的文字

定義如下p

7樓：性情中人的文庫

text-indent 屬性規定文字塊中首行文字的縮排。

註釋：允許使用負值。如果使用負值，那麼首行會被縮排到左邊。

例如：p