[html] 如何让＜p＞测试 空格＜/p＞这两个词之间的空格变大？
生活随笔
收集整理的這篇文章主要介紹了
[html] 如何让＜p＞测试 空格＜/p＞这两个词之间的空格变大？
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
[html] 如何讓
測試 空格
這兩個詞之間的空格變大？ 這邊有這么兩種方法：通過給p標簽設(shè)置word-spacing，將這個屬性設(shè)置成自己想要的值。將這個空格用一個span標簽包裹起來，然后設(shè)置span標簽的letter-spacing或者word-spacing。我分別用letter-spacing和word-spacing來處理了p和span標簽：<style>.p-letter-spacing {letter-spacing: 10px;}.p-word-spacing {word-spacing: 10px;}.span-letter-spacing {letter-spacing: 10px;}.span-word-spacing {word-spacing: 10px;} </style> <body><p>測試 空格</p><p class="p-letter-spacing">測試 空格</p><p class="p-word-spacing">測試 空格</p><p>測試<span class="span-letter-spacing"> </span>空格</p><p>測試<span class="span-word-spacing"> </span>空格</p> </body>個人簡介
我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
總結(jié)
以上是生活随笔為你收集整理的[html] 如何让＜p＞测试 空格＜/p＞这两个词之间的空格变大？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 源码群友问：你这么多项目是怎么进行技术选
- 下一篇： ccf中文期刊目录_中国计算机学会CCF