div+CSS實現(xiàn)段落首行縮進(jìn)兩個字符
段落前面空兩個字的距離,不要再使用空格了,用CSS實現(xiàn)段落首縮進(jìn)兩個字符。應(yīng)該使用首行縮進(jìn)text-indent。text-indent可以使得容器內(nèi)首行縮進(jìn)一定單位。比如中文段落一般每段前空兩個漢字。
在這里我們需要了解一種長度單位em。em是相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。我們中文段落一般每段前空兩個漢字。實際上,就是首行縮進(jìn)了2em。
<style type="text/css">
<!--
p{
text-indent: 2em; /*em是相對單位,2em即現(xiàn)在一個字大小的兩倍*/
}
-->
</style>
段落前面空兩個字的距離,不要再使用空格了。應(yīng)該使用首行縮進(jìn)text-indent。長度單位em。相對于當(dāng)前對象內(nèi)文本的字體尺寸。我們首行縮進(jìn)了2em。2em即現(xiàn)在一個字大小的兩倍。
用CSS實現(xiàn)段落首縮進(jìn)兩個字符,實現(xiàn)首行縮進(jìn)的通用方法是加四個小角空格。
其實呢,用CSS樣式來定義更為高效。
比如在style里定義如下縮進(jìn)樣式:.suojin{text-indent:2em}
在需要縮進(jìn)的地方使用class="suojin"即可,比如用一個div定義一整塊段落首先縮進(jìn),
凡在div區(qū)域里,瀏覽器一碰上p語句(即一個新段的開始),就會執(zhí)行.suojin所定義的縮進(jìn)。
也可以在正文中使用嵌入式CSS樣式來定義,下面舉個實例(使用時請將尖括號改為小角尖括號):
<div style="text-indent:2em">
<p>段落一</p>
<p>段落二</p>
<p>段落三<p>
</div>
兩種方法各有長處短處,可根據(jù)需要決定使用哪一種方法。
注:div標(biāo)簽不要忘記起始符。text-indent只對p或div標(biāo)簽有效,對br標(biāo)簽不生效,原因是br標(biāo)簽是換行標(biāo)簽不是分段標(biāo)簽。
相關(guān)閱讀推薦
-
企業(yè)網(wǎng)站建設(shè)怎么做才靠譜?別急著上項目,先搞清這幾點!
在北京愛品特網(wǎng)絡(luò)日常對接客戶的過程中,很多企業(yè)老板一上來就說:“我要做個官網(wǎng),麻煩你們報個價?!被蛘吒苯右稽c:“有沒有模板?我就隨便弄個能看的就行。”說實話,這種做法很常見,但也很危險。為什···
-
本地生活服務(wù)類網(wǎng)站怎么做才更有用?別只想著“做個網(wǎng)站”,而要“做個能賺錢的網(wǎng)站”
現(xiàn)在這個時代,越來越多本地服務(wù)商都意識到一個問題:客戶不一定看廣告,但一定會搜索。無論你是做家政保潔、房屋維修、水電安裝、美容美發(fā),還是跑腿代辦、開鎖開鎖、月嫂育兒——你會發(fā)現(xiàn),大多數(shù)客戶第一···
-
北京網(wǎng)站設(shè)計公司:十年深耕鑄就專業(yè)服務(wù)優(yōu)勢,賦能企業(yè)數(shù)字化轉(zhuǎn)型
在數(shù)字經(jīng)濟(jì)浪潮的推動下,企業(yè)網(wǎng)站早已從簡單的“線上名片”演變?yōu)槠放苽鞑?、客戶觸達(dá)與業(yè)務(wù)增長的核心陣地。作為中國互聯(lián)網(wǎng)技術(shù)與資源的高地,北京匯聚了眾多優(yōu)秀的網(wǎng)站設(shè)計公司,而如何在激烈的競爭中脫穎···
-
醫(yī)院網(wǎng)站建設(shè)與推廣全攻略:專業(yè)建站公司賦能醫(yī)療數(shù)字化升級
在“互聯(lián)網(wǎng)+醫(yī)療”的時代背景下,醫(yī)院網(wǎng)站不僅是品牌形象的展示窗口,更是醫(yī)患溝通、服務(wù)優(yōu)化與流量轉(zhuǎn)化的核心樞紐。作為專業(yè)建站公司,我們基于醫(yī)院網(wǎng)站建設(shè)方案、推廣策略與SEO優(yōu)化的深度整合,助力醫(yī)···
-
北京企業(yè)網(wǎng)站設(shè)計公司:以專業(yè)服務(wù)賦能企業(yè)數(shù)字化轉(zhuǎn)型
在數(shù)字經(jīng)濟(jì)蓬勃發(fā)展的今天,企業(yè)網(wǎng)站已成為品牌展示、客戶觸達(dá)與業(yè)務(wù)轉(zhuǎn)化的重要載體。作為中國經(jīng)濟(jì)發(fā)展的核心引擎,北京匯聚了眾多高新技術(shù)企業(yè)與創(chuàng)新力量,企業(yè)對網(wǎng)站的需求不僅限于“在線展示”,更追求功···
-
網(wǎng)站建設(shè)的預(yù)算大概是多少?各類型網(wǎng)站的建設(shè)成本計算
在數(shù)字化轉(zhuǎn)型的背景下,建設(shè)一個高效、專業(yè)的網(wǎng)站對于企業(yè)和個人而言至關(guān)重要。然而,網(wǎng)站建設(shè)的預(yù)算因需求、技術(shù)復(fù)雜性、功能模塊和設(shè)計要求的不同而有所差異。為了幫助您更好地理解各類型網(wǎng)站的建設(shè)成本,···
愛品特建站服務(wù)
最新資訊
建站資訊文章推薦閱讀
-
15個免費B2B網(wǎng)站分享,2023年優(yōu)秀B2B網(wǎng)站大全
1.中國供應(yīng)商網(wǎng)網(wǎng)站地址:https://cn.china.···
-
2024年20個免費綜合B2B網(wǎng)站總結(jié)分享
在全球化和數(shù)字化的推動下,B2B(企業(yè)對企業(yè))電子商務(wù)平臺已···
-
如何保存整個網(wǎng)頁:多種方法解析
在日?;ヂ?lián)網(wǎng)瀏覽中,我們經(jīng)常會遇到想要保存整個網(wǎng)頁的情況,無···
-
國內(nèi)免費B2B網(wǎng)站推薦,免費B2B網(wǎng)站大全
1. 中國制造網(wǎng):http://www.made-in-ch···
-
pbootcms配置留言發(fā)送到QQ郵箱教程
1、登陸QQ郵箱,找到設(shè)置》賬戶2、下拉找到SMTP服務(wù)設(shè)置···
-
GMV是什么意思?詳解GMV作為廣告推廣指標(biāo)的計算公式及提升方法
什么是GMV?GMV(Gross Merchandise V···
文章排行
-
如何保存整個網(wǎng)頁:多種方法解析
在日?;ヂ?lián)網(wǎng)瀏覽中,我們經(jīng)常會遇到想要保存整個網(wǎng)頁的情況,無論是為了離線瀏覽、分享內(nèi)容、或者備份信息。這篇文章將介紹多種方法,從簡單的瀏覽器功能到專用工具,幫助···
如何保存整個網(wǎng)頁:多種方法解析
國內(nèi)免費B2B網(wǎng)站推薦,免費B2B網(wǎng)站大全
微信小程序云開發(fā)價格是多少
個體工商戶如何進(jìn)行網(wǎng)站備案?
-
15個免費B2B網(wǎng)站分享,2023年優(yōu)秀B2B網(wǎng)站大全
1.中國供應(yīng)商網(wǎng)網(wǎng)站地址:https://cn.china.cn/中國供應(yīng)商是為了推動中國制造業(yè)及對外貿(mào)易產(chǎn)業(yè)重拳打造的B2B電子商務(wù)平臺。中國供應(yīng)商項目應(yīng)用創(chuàng)···
15個免費B2B網(wǎng)站分享,2023年優(yōu)秀B2B網(wǎng)站大全
2024年20個免費綜合B2B網(wǎng)站總結(jié)分享
pbootcms配置留言發(fā)送到QQ郵箱教程
GMV是什么意思?詳解GMV作為廣告推廣指標(biāo)的計算公式及提升方法
企業(yè)網(wǎng)站排名優(yōu)化:推薦北京愛品特網(wǎng)絡(luò)