CSS 首行縮排兩個文字

2022-09-27 09:39:13 字數 952 閱讀 3862

總是在前面加上8個「 」,因為過去大家對css的概念也不程式設計客棧太熟悉,也不太重視,這種方法實現雖然比較直接,但是文字多的時候會有很多「 」充斥在**中,如果再有些換行

,那**顯著比較zlsycjzopm亂,現在大家開始主動了解css,學習css,你會發現這個問題很容易解決,只需要在相應的位置加入**

複製**

**如下:

text-indent:2em;

就很容易實現嘍~

text-indent:2em;解釋:text的意思是文字、indent在計算機英語中意思是縮排、至於後面的2em意思就是2個相對單位;

em解釋:相對於當前物件內文字的字型尺寸。(引自css2.0手冊)各位同學,要仔細品一下這個概念!理解嘍沒有,em這個單位的意思就是相對文字大小,1em就是1個文字大小,2em就是兩個文字大小,到這裡看明白了吧,理解「text-indent:2em;」的意思了吧,就是「文字縮排兩個文字大小」,這不就是我們要的效果麼?

將上面的**給大家寫出來,css**是用的行內方式,如果你程式設計客棧不明白「行內方式」,就來看一下文章《2.1-css如何控制頁面》

複製**

**如下:

css學習網 - 首行文字縮排

www.cppcns.com

css學習網,提倡資源共享「分享才能更快樂」,每個人在分享資源的時候,同時程式設計客棧也獲得了人氣和尊重,你將會有更多的同行朋友,團結在你的周圍,成為你的左膀右臂.

【本節作業】

要求:

製作乙個寬度為300px,高度自適應,邊框寬度為5畫素且顏色為灰色(#999)的區域,id為div1;

在div1內部有兩段文字,文字大小為12畫素,這兩段文字首行分別縮排兩個文字;

css用內嵌方式;

暫不考慮頁面對各種瀏覽器的相容性,只在一種瀏覽器中實現上面效果就可以

本文標題: css 首行縮排兩個文字

本文位址:

css文字屬性 首行縮排

css文字屬性 text align center right justify 兩邊對齊 對齊 text decoration line through underline overline 下劃線 text transform uppercase lowercase capitalize 文字轉換...

CSS首行文字縮排

只需要在相應的位置加入 text indent 2em 就很容易實現嘍 text indent 2em 解釋 text的意思是文字 indent在計算機英語中意思是縮排 至於後面的2em意思就是2個相對單位 em解釋 相對於當前物件內文字的字型尺寸。引自css2.0手冊 各位同學,要仔細品一下這個概...

css 文字(顏色 間距 首行縮排 對齊方式)

1 字型顏色 間距 首行縮排 對齊方式 將進酒 君不見,黃河之水天上來,奔流到海不復回。君不見,高堂明鏡悲白髮,朝如青絲暮成雪。人生得意須盡歡,莫使金樽空對月。天生我材必有用,千金散盡還復來。烹羊宰牛且為樂,會須一飲三百杯。岑夫子,丹丘生,將進酒,杯莫停。與君歌一曲,請君為我傾耳聽。鐘鼓饌玉不足貴,...