css如何讓一段縮進(jìn)

發(fā)布時(shí)間：2021-01-07 09:43:11 來源：億速云閱讀：178 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)css如何讓一段縮進(jìn)的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

css中，可以使用text-indent屬性來讓一段文字縮進(jìn)，只需要給段落元素添加“text-indent:縮進(jìn)值;”樣式即可。text-indent屬性可以設(shè)置文本塊中首行文本的縮進(jìn)，允許使用負(fù)值；如果值是負(fù)數(shù)，則將第一行左縮進(jìn)。

CSS段落縮進(jìn)

想要修改段落元素的默認(rèn)樣式，讓段落縮進(jìn)，可以使用text-indent屬性。

text-indent 屬性規(guī)定文本塊中首行文本的縮進(jìn)。負(fù)值是允許的；如果值是負(fù)數(shù)，將第一行左縮進(jìn)。

屬性值：

length 定義固定的縮進(jìn)。默認(rèn)值：0。
% 定義基于父元素寬度的百分比的縮進(jìn)。

示例：

<!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>測(cè)試文本！測(cè)試文本！測(cè)試文本！測(cè)試文本！測(cè)試文本！</p>
		<p class="text-indent">測(cè)試文本！測(cè)試文本！測(cè)試文本！測(cè)試文本！測(cè)試文本！</p>
	</body>
 
</html>

class為text-indent的 p 元素會(huì)縮進(jìn)2個(gè)字體的長(zhǎng)度。

效果圖：

css如何讓一段縮進(jìn)

感謝各位的閱讀！關(guān)于“css如何讓一段縮進(jìn)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

css如何讓一段縮進(jìn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽