1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，创建一个div模块，在div标签内，使用ul、li标签创建一个无序列表。
3、在testhtml文件内，设置div的class为mydiv，主要用于设置div的css样式。
4、在css标签内，通过class设置div的宽度为300px，高度为200px，背景颜色为灰色。
5、在testhtml文件内，再设置无序列表ul的样式 ，使用width属性设置其宽度为100px，同时使用margin属性设置其居中显示。
6、在浏览器打开testhtml文件，查看实现的效果。
CSS用word-spacing属性来设置单词的间距。例如：
<html><head>
<style type="text/css">
pspread {word-spacing: 30px;}
ptight {word-spacing: -05em;}
</style>
</head>
<body>
<p class="spread">This is some text This is some text</p>
<p class="tight">This is some text This is some text</p>
</body>
</html>
效果如图：
可以看到，word-spacing属性既可以使单词间距变小，也可以变大。
对于中文，CSS区分不出来词，使用letter-spacing属性调节字之间的间距。
你的例子里，你需要把要调节间距的字符放到同一个标签内部，比如<p></p>中。如果不同标签之间的距离，用margin(外边距）或padding（内边距）都可以。
CSS控制字间距的方法：word-spacing:8px; letter-spacing: 1px;层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）