css怎么設置首行縮進2個字符

這篇文章給大家分享的是有關css怎么設置首行縮進2個字符的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：申請域名、虛擬主機、營銷軟件、網站建設、烏翠網站維護、網站推廣。

css設置首行縮進2個字符的方法：可以利用text-indent屬性來設置首行縮進2個字符，如【text-indent:2em;】。text-index屬性用于規定文本塊中首行文本的縮進，em是相對單位。

相關屬性：

text-indent 屬性規定文本塊中首行文本的縮進。

屬性值：

length 定義固定的縮進。默認值：0。
% 定義基于父元素寬度的百分比的縮進。
inherit 規定應該從父元素繼承 text-indent 屬性的值。

實現代碼：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首行縮進</title>
		<style>
			.demo{
				width: 550px;
				height: 200px;
				margin: 50px auto;
			}
			p{
				text-indent:2em;/*em是相對單位，2em即現在一個字大小的兩倍*/
			}
			}
		</style>
	</head>
	<body>
		<div class="demo">
		<p>
		這是一段測試代碼，是關于css文本縮進的一段文字。這是一段測試代碼，是關于css文本縮進的一段文字。
		這是一段測試代碼，是關于css文本縮進的一段文字。這是一段測試代碼，是關于css文本縮進的一段文字。
		這是一段測試代碼，是關于css文本縮進的一段文字。這是一段測試代碼，是關于css文本縮進的一段文字。
		</p>
		</div>
	</body>
</html>

感謝各位的閱讀！關于css怎么設置首行縮進2個字符就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網站題目：css怎么設置首行縮進2個字符
文章位置：http://vcdvsql.cn/article26/peigjg.html

成都網站建設公司_創新互聯，為您提供網站收錄、網站排名、App開發、網站維護、搜索引擎優化、手機網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

css怎么設置首行縮進2個字符