div字間距-div內文字之間間距設定方法
- 云罗郡主轉載
- 2018-11-22 16:00:0913155瀏覽
這篇文章帶給大家的內容是關於div字間距-div內文字之間間距設定方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
div內字與字間距是否可以用CSS程式碼實現？
答案：可以使用css實作div字間距佈局。 CSS字間距的字碼：letter-spacing
1、語法：
letter-spacing:3px —— 設定物件字間距為3px間隔。
2、對所有div設定統一字間距
div{letter-spacing:2px}這樣即設定HTML中所有div標籤內字與字之間都統一為2px間距。
3、針對指定div 字間距的設定
.zjj{letter-spacing:4px}這樣CSS選擇器指定加class=zjj的物件內文字設定字間距為4px，div、p、span、h1等標籤都可以使用class設定物件內字間距。
4、div實例程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div对象内字间距设置实例</title>
<style>
.sli{ letter-spacing:3px}
</style>
</head>
<body>
<div>这里div内文字间距正常</div>
<div class="sli">这里div使用class=sli设置letter-spacing:3px样式，所以字间距为3px</div>
</body>
</html>以上html css實例程式碼可以直接拷貝複製使用，觀察實例效果。
5、div實例截圖
以上就是div字間距-div內文字之間間距設定方法的全部介紹，如果您想了解更多有關CSS3教程，請關注PHP中文網。
以上是div字間距-div內文字之間間距設定方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：thinkcss.com。如有侵權，請聯絡admin@php.cn刪除