狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

css字與字之間的間距

freeflydom
2023年6月3日 17:24 本文熱度 973

利用css設(shè)置文字之間的距離,有關(guān)的三個CSS屬性是:

1. text-indent:cm;  設(shè)置首行的縮進距離

2. letter-spacing:px; 漢字間字間距設(shè)置或者英文單詞中每個字母的間距

3. word-spacing:px; 設(shè)置英文每個單詞之間的距離,對中文文字之間的距離沒有效果


1、text-indent:設(shè)置首行的縮進距離

    <style>

        p{

            text-indent: 1cm;

        }

    </style>

<body>

    <p>

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

        這是一段文字。

    </p>

</body>

效果如下

 

2、letter-spacing:漢字間字間距設(shè)置或者英文單詞中每個字母的間距

<html>

<body>

<h1 style="letter-spacing:15px">設(shè)置中文字符間距</h1>

<h1 style="letter-spacing:15px;">this is a test</h1>

</body>

</html>

 

 效果如下:

 

3、word-spacing:設(shè)置英文每個單詞之間的距離,對中文文字之間的距離沒有效果

<html>

<body>

<h1 style="word-spacing:15px;">設(shè)置中文字符間距</h1>

<h1 style="word-spacing:15px;">this is a test</h1>

</body>

</html>

效果如下: 

 


重要:letter-spacing 在ie與ff下解析不一樣.ff解析時最后一個字后面會加上所定義的距離,而IE不會,因此就會造成定義間距越大差別越大! 
特別注意的是,在內(nèi)容最后一個字后面不能出現(xiàn)空格。如果出現(xiàn)空格 IE下則會認(rèn)為這是一個字符.也會給這個空格加上letter-spacing值. 


___________________________________________

https://blog.csdn.net/xxxx21191/article/details/126131842


該文章在 2023/6/3 17:44:24 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務(wù)都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved