在CSS中,文段開頭的空字符可謂是一個比較讓人頭疼的問題。當你在一個文段的開頭加入了空格或者tab鍵時,文本卻偏偏不會居中對齊,而是會出現一些奇怪的偏移。此時,我們就需要學會如何處理這種問題了。
其實,這個問題的解決方法非常簡單。我們只需要給該段落設置一個text-indent屬性,把它的值設置為0或者-1em就可以了。如果你設置的是0,那么文段的首行就會向左移動一個字符的寬度,而如果設置的是-1em,那么首行就會向左移動一個字符的寬度外加一個字母“m”的寬度。這樣一來,文段的首行就能夠完美的居中對齊了。
下面是一個示例代碼,你可以試著運行一下看看效果:
以上便是解決CSS文段開頭空字符問題的方法,相信你在實際開發中使用起來一定也非常方便吧。
其實,這個問題的解決方法非常簡單。我們只需要給該段落設置一個text-indent屬性,把它的值設置為0或者-1em就可以了。如果你設置的是0,那么文段的首行就會向左移動一個字符的寬度,而如果設置的是-1em,那么首行就會向左移動一個字符的寬度外加一個字母“m”的寬度。這樣一來,文段的首行就能夠完美的居中對齊了。
下面是一個示例代碼,你可以試著運行一下看看效果:
p { text-indent: -1em; }
以上便是解決CSS文段開頭空字符問題的方法,相信你在實際開發中使用起來一定也非常方便吧。
上一篇css文本段落內容