css怎麼讓一段縮排
- 青灯夜游原創
- 2021-01-06 14:46:527679瀏覽
css中，可以使用text-indent屬性讓一段文字縮進，只需要給段落元素加上「text-indent:縮排值;」樣式即可。 text-indent屬性可以設定文字區塊中首行文字的縮進，允許使用負值；如果值是負數，則將第一行左縮排。
本教學操作環境：windows7系統、css1&&html5版本、Dell G3電腦。
教學推薦：css影片教學
CSS段落縮排
想要修改段落元素的預設樣式，讓段落縮進，可以使用text-indent屬性。
text-indent 屬性規定文字區塊中首行文字的縮排。負值是允許的；如果值是負數，將第一行左縮排。
屬性值：
length 定義固定的縮排。預設值：0。
% 定義基於父元素寬度的百分比的縮排。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
p{width: 200px;border: 1px solid red;}
.text-indent{text-indent:2em;}
</style>
</head>
<body>
<p>测试文本！测试文本！测试文本！测试文本！测试文本！</p>
<p class="text-indent">测试文本！测试文本！测试文本！测试文本！测试文本！</p>
</body>
</html>class為text-indent的 p 元素會縮排2個字體的長度。
效果圖：
更多程式相關知識，請造訪：程式設計教學！ ！
以上是css怎麼讓一段縮排的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn