css上下间距-CSS中如何设置线宽和字宽

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

本文主要介绍“CSS设置线宽和字宽的方式”。 在日常操作中，相信很多人对CSS设置线宽和字宽的方式存在疑问。 这是一个简单易用的操作方法，希望对您解答“CSS如何设置线宽和字宽”的疑问有所帮助！ 捡起来，请跟着小编来学习吧！

在css中，可以通过letter-spacing属性来设置字宽，句型“letter-spacing: value”； 线宽可以通过line-height属性设置，句型“line-height:相对值|绝对值”。

本教程的运行环境：windows7系统，CSS3&&HTML5版本，DellG3笔记本。

CSS 设置行宽

在CSS中，线宽是通过line-height属性来设置的，line-height的值代表两行文本基线之间的距离。

文本的基线是指如果文本有下划线，则下划线就是文本的基线。

Line-height的值设置为一个特定值css上下间距，可以是相对值，也可以是绝对值。 在静态页面中，当文本大小固定时，经常使用绝对值。 对于峰会和博客，用户可以自定义字体大小。页面一般设置为相对值，因此可以随着用户定义的字体大小来改变相应的线宽。

	
		
		
			
		
	
	
	
		
9月23日是“秋分”，我国古籍《春秋繁露、阴阳出入上下篇》中说：“秋分者，阴阳相半也，故昼夜均而寒暑平。”“秋分”的意思有二：一是太阳在这时到达黄径180.一天24小时昼夜均分，各12小时；二是按我国古代以立春、立夏、立秋、立冬为四季开始的季节划分法，秋分日居秋季90天之中，平分了秋季。
		
秋分时节，我国常见流域及其以北的广大地区，均夏侯进入了秋季，日平均气温都降到了22℃以下。北方冷气团开始具有一定的势力，大部分地区雨季刚刚结束，凉风习习，碧空万里，风和日丽，秋高气爽，丹桂飘香，蟹肥橘黄，秋分是美好宜人的时节。
		
秋季降温快的特点，使得秋收、秋耕、秋种的“三秋”大忙显得格外紧张。秋分棉花吐絮，烟叶也由绿变黄，正是收获的大好时机。华北地区已开始播种冬麦，长江流域及南部广大地区正忙着晚稻的收割，抢晴耕翻土地，准备油菜播种。
	

代码如上，第一段文字使用绝对值，并且线宽设置得比文字大小小，所以文字部分重叠。

第二段和第三段设置了不同的文字大小，由于使用的是相对值css上下间距，所以只能手动调整线宽。

CSS设置字宽

在CSS中，letter-spacing属性用于调整字宽。 该属性还可以设置相对值和绝对值。

	
		
		
			
		
	
	
	
		
文字间距1，负数
		
文字间距2，相对数值
		
文字间距3，相对数值
	

代码如上，可以看到文本宽度属性letter-spacing不仅可以使用相对值和绝对值，还可以使用正数来实现文本重叠的效果。

至此，关于《CSS设置线宽和字宽的方式》的学习就结束了，希望能解决你的苦恼。 理论与实践相结合，能更好的帮助你学习，快去尝试吧！ 如果您继续学习更多相关知识，请继续关注易速云网站，小编将继续努力为您带来更多实用的文章！