700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 如何设置行间距和字间距?

如何设置行间距和字间距?

时间:2024-01-28 23:55:30

相关推荐

如何设置行间距和字间距?

设置行间距和字之间的距离需要用到css样式。用line-height设置行间距;用letter-spacing设置字间距。具体如下:

<!DOCTYPE HTML><html><head><meta charset="utf-8" /><title>设置行间距</title><style>.p1{line-height: 30px;}.p2{line-height: 12px;}</style></head><body><p class="p1">斯蒂芬·库里(Stephen Curry),1988年3月14日出生于美国俄亥俄州阿克伦(Akron,Ohio),美国职业篮球运动员,司职控球后卫,效力于NBA金州勇士队。</p><p class="p2">斯蒂芬·库里于通过选秀进入NBA后一直效力于勇士队,新秀赛季入选最佳新秀第一阵容;-15、-17、-18赛季三次随勇士队获得NBA总冠军;两次当选常规赛MVP,两次入选最佳阵容第一阵容,5次入选全明星赛西部首发阵容。</p></body></html>

效果如下:

注意:如果行间距设置的比文字大小还要小,会发生重叠。

<!DOCTYPE HTML><html><head><meta charset="utf-8" /><title>设置字间距</title><style>.p1{letter-spacing: 5px;}.p2{letter-spacing: 1em;}</style></head><body><p class="p1">斯蒂芬·库里(Stephen Curry),1988年3月14日出生于美国俄亥俄州阿克伦(Akron,Ohio),美国职业篮球运动员,司职控球后卫,效力于NBA金州勇士队。</p><p class="p2">斯蒂芬·库里于通过选秀进入NBA后一直效力于勇士队,新秀赛季入选最佳新秀第一阵容;-15、-17、-18赛季三次随勇士队获得NBA总冠军;两次当选常规赛MVP,两次入选最佳阵容第一阵容,5次入选全明星赛西部首发阵容。</p></body></html>

效果如下:

注意:1.em是相对长度单位。相对于当前对象内文本的字体尺寸。

2.允许使用负值。如果使用负值,那么字会重叠。一般使用负数来实现文字重叠的效果。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。