css———详解height与line_height
2024-09-02 15:36:04
定义
height指的是块级别元素的高度;
line-height指的是元素内容的高度。
height和line-height的联系
CSS中起高度作用的应该就是height以及line-height。height是用来设置元素的高度,比如img的高度、div的高度等。
如果不设置div的高度时,是div的font-size决定了div的高度还是line-weight的值?
测试一
CSS:
.test1{font-size:20px; text-align:center;line-height:0; border:1px solid black; background: red;}
html:
<div class="test1">测试</div>
结果:
测试二
CSS:
.test2{font-size:1px; text-align:center;line-height:20px; border:1px solid black; background:red;}
html:
<div class="test2">测试</div>
结果:
结论:在没有设置div的height属性时,div的高度根据line-height的大小而变化,且文字垂直居中。
div的height与line-height的大小关系不同时,会有什么显示结果呢?
(1)height = line-height时
(2)height>line-height时
(3)height<line-height时
最新文章
- Educational Codeforces Round 12 E Beautiful Subarrays
- 利用PHP读取文件
- css样式表 格式与布局
- javascript 对象和数组(花括号、方括号)
- JQuery上传插件uploadify整理(Options)
- win7系统服务print spooler 无法启动解决方法(开启及关闭方法)
- UVa784 Maze Exploration
- C# LINQ详解(一)
- HTML静态网页(框架)
- 初学Servlet之继承GenericServlet
- 【RL-TCPnet网络教程】第13章 RL-TCPnet之TCP服务器
- 为什么 npm 要为每个项目单独安装一遍 node_modules?
- mybatis教程5(延迟加载和缓存)
- Shell获取指定时间
- CS页面-Asp.net+Spring.Net.Framework--SNF快速开发平台3.0
- (Review cs231n) Gradient Vectorized
- iOS 允许后台任务吗?
- 在不进入Guest OS的情况下,取得Guest OS的IP地址
- 关于运行“基于极限学习机ELM的人脸识别程序”代码犯下的一些错误
- Linux——curl(转)