展会信息港展会大全

word-spacing与letter-spacing的区别
来源:互联网   发布日期:2016-03-25 16:01:27   浏览:2183次  

导读:在对网页文本进行精细控制时,需要应用到多方面的CSS属性设置,如垂直方向上的行距line-height,水平方向上的字距word-spacing和letter-spacing。word-sp...

在对网页文本进行精细控制时,需要应用到多方面的CSS属性设置,如垂直方向上的行距line-height,水平方向上的字距word-spacing和letter-spacing。word-spacing是指单词间隔,letter-spacing是指字母的间隔。在设置时常常将两者混淆,得不到想要的设置效果。word-spacing属性:

检索或设置对象中的单词之间插入的空格数。由浮点数字和单位标识符组成的长度值,允许为负值。

代码如下

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>不要将word-spacing和letter-spacing混淆 - www.111cn.net</title>

</head>

<body>

<p><a href="http://www.111cn.net" target="_blank">CSS Web Design</a> 我爱CSS - </p>

</body>

</html>

设置word-spacing为15px的情况

<!

代码如下

复制代码

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>不要将word-spacing和letter-spacing混淆 -</title>

<style type="text/css">

p {word-spacing:15px;}

</style>

</head>

<body>

<p><a href="http://www.111cn.net/" target="_blank">CSS Web Design</a> 我爱CSS - </p>

</body>

</html>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

相关内容
AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港