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