,,

css字與字之間的間距

當前位置：點晴教程→知識管理交流 →『技術文檔交流』

freeflydom

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

利用css設置文字之間的距離，有關的三個CSS屬性是：

1. text-indent：cm; 設置首行的縮進距離

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

3. word-spacing：px; 設置英文每個單詞之間的距離，對中文文字之間的距離沒有效果

1、text-indent：設置首行的縮進距離

    <style>
        p{
            text-indent: 1cm;
        }
    </style>
<body>
    <p>
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
        這是一段文字。
    </p>
</body>

效果如下

2、letter-spacing：漢字間字間距設置或者英文單詞中每個字母的間距

<html>
<body>
<h1 style="letter-spacing:15px">設置中文字符間距</h1>
<h1 style="letter-spacing:15px;">this is a test</h1>
</body>
</html>

效果如下：

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

<html>
<body>
<h1 style="word-spacing:15px;">設置中文字符間距</h1>
<h1 style="word-spacing:15px;">this is a test</h1>
</body>
</html>

效果如下：

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

___________________________________________

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

該文章在 2023/6/3 17:44:24 編輯過

關鍵字查詢

css

正在查詢...

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。

公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

css字與字之間的間距