css中的这个letter-spacing属性,你应该知道

身为web前端开发人员,我们用DIV+CSS布局时,我们经常用line-height行高这个熟悉,大家肯定熟到家了吧,当height等于line-height时可以垂直居中,但是今天不是说这个。c

  身为web前端开发人员,我们用DIV+CSS布局时,我们经常用line-height行高这个熟悉,大家肯定熟到家了吧,当height等于line-height时可以垂直居中,但是今天不是说这个。css中的这个letter-spacing属性,你应该知道。

css中的这个letter-spacing属性,你应该知道

1.letter-spacing是什么?

 就是文字与文字间的间距,值可以负数,默认值normal

2.兼容性

所有浏览器都支持 letter-spacing 属性。

3.看一个实例

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>    <title>css的letter-spacing属性</title>    <style>        *{margin:0;padding:0;}        body{width:1000px;margin:200px auto;}        p{font-size:18px;}        .p01{ letter-spacing:2px;}        .p02{ letter-spacing:10px}    </style></head><body><p class="p01">css文字间距测试文字!</p><p class="p02">css文字间距测试文字!</p></body></html>

效果图:

css中的这个letter-spacing属性,你应该知道css中的这个letter-spacing属性,你应该知道

本站部分文章来自网络或用户投稿,如无特殊说明或标注,均为本站原创发布。涉及资源下载的,本站旨在共享仅供大家学习与参考,如您想商用请获取官网版权,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
前端

用css隐藏内容的6个方法

2022-11-26 1:26:09

前端

css虚线样式dotted和dashed

2022-11-26 1:26:12

搜索