HTML怎么设置图片和文字间距离,div字间距-div内文字之间间距设置方法
生活随笔
收集整理的這篇文章主要介紹了
HTML怎么设置图片和文字间距离,div字间距-div内文字之间间距设置方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
div內字與字間距是否可以用CSS代碼實現?
答案:可以使用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實例代碼
div對象內字間距設置實例 CSS5.sli{ letter-spacing:3px}
這里div內文字間距正常 這里div使用class=sli設置letter-spacing:3px樣式,所以字間距為3px以上html css實例代碼可以直接拷貝復制使用,觀察實例效果。
5、div實例截圖
css成功設置div字間距實例截圖
總結:舉一反三,無論是div內還是p、span、h1、h2、h3、li、em等html標簽都可以設置其內字體間距。
作者:css5原創
總結
以上是生活随笔為你收集整理的HTML怎么设置图片和文字间距离,div字间距-div内文字之间间距设置方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: php移动端可拖动可视化,可视化编辑un
- 下一篇: 前端css之 浮动 自学日记