这篇文章给大家分享的是有关CSS中行高和高度有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<强>一,一些基本概念
1。行高是指文本行基线间的垂直距离(也叫行距)
2。行间距是上行的底线和下一行顶线之间的距离
& lt; ! DOCTYPE html>
& lt; html>
,,,& lt; head>
,,,,,,,& lt; meta charset=皍tf-8"比;
,,,,,,,& lt; title> sdds
,,,,,,,& lt; style>
,,,,,,,,,,,html,身体,div {
,,,,,,,,,,,,,,,保证金:,0;
,,,,,,,,,,,,,,,填充:,0;
,,,,,,,,,,,,,,,边界:,0;
,,,,,,,,,,,}
,,,,,,,,,,,.bg0 {
,,,,,,,,,,,,,,,宽度:,200 px;
,,,,,,,,,,,,,,,身高:,45 px;
,,,,,,,,,,,,,,,行高:,100 px;
,,,,,,,,,,,,,,,,背景颜色:红色;
,,,,,,,,,,,,,,,字体大小:,10 px;
,,,,,,,,,,,,,,,自动换行:break-word;
,,,,,,,,,,,}
,,,,,,,,,,,.bg1 {
,,,,,,,,,,,,,,,宽度:,200 px;
,,,,,,,,,,,,,,,身高:,10 px;
,,,,,,,,,,,,,,,背景颜色:,绿色;
,,,,,,,,,,,}
,,,,,,,,,,,.bg2 {
,,,,,,,,,,,,,,,宽度:,200 px;
,,,,,,,,,,,,,,,身高:,45 px;
,,,,,,,,,,,,,,,背景颜色:,黄色;
,,,,,,,,,,,}
,,,,,,,,,,,.bg3 {
,,,,,,,,,,,,,,,宽度:,200 px;
,,,,,,,,,,,,,,,身高:,55 px;
,,,,,,,,,,,,,,,,背景颜色:蓝色;
,,,,,,,,,,,}
,,,,,,,& lt;/style>
,,,& lt;/head>
& lt; body>
,,,& lt; div 类=癰g0"在上海大学蜀(Shanghai 大学)是一所211年大学& lt;/div>
,,,& lt; div 类=癰g1"祝辞& lt;/div>
,,,& lt; div 类=癰g2"祝辞& lt;/div>
,,,& lt; div 类=癰g3"祝辞& lt;/div>
& lt;/body>
& lt;/html>
运行结果:
感谢各位的阅读!关于“CSS中行高和高度有什么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
