CSS块级元素与行内元素
CSS块级元素与行内元素
行内元素与块状元素
1、块级元素:可以设置 width, height属性。
行内元素:设置width和height无效,其宽度随其元素的内容(文字或者图片等)的宽度而变化。
可以通过line-height设置行高(行高和height是不同的东西)。
2、块级元素:可以设置margin和padding。
行内元素:水平方向margin和padding有效,竖直方向margin和padding无效。
3、块级元素:默认独占用一行。默认高度为内部内容高度(没有内容时就为0px),宽度为父容器的100%。
行内元素:与其他元素占用一行。
4、块级元素:可以容纳内联元素和其他块元素。
行内元素:只能容纳文本或者其他内联元素。
5、块状元素:能定义宽度、高度、边距等
行内元素:与其他元素占用一行。
display属性
1、块元素默认display:block;
行内非替换元素(a,span)默认为display:inline;
行内替换元素(input)默认为display:inline-block;
2、display:none;不显示该元素,也不会保留该元素原先占有的文档流位置。
display:block;转换为块级元素。
display:inline;转换为行内元素。
display:inline-block;转换为行内块级元素。
float
当把行内元素设置完float:left/right后,该行内元素的display属性会被赋予block值,且拥有浮动特性。
行内元素去除了之间的莫名空白。
position
当为行内元素进行定位时,position:absolute与position:fixed.都会使得原先的行内元素变为块级元素。
最新文章
- C#~异步编程再续~await与async引起的w3wp.exe崩溃
- Spring3 整合 Hibernate4实现数据库操作(1)
- Java 7 Concurrency Cookbook 翻译 序言
- JQuery下CheckBox全选全不选反选
- 判断jQuery元素是否隐藏
- angularjs使用ng-messages-include实例
- DB2 相关操作
- android控制文件:ViewPager+Fragment+GridView使用(与AndroidQuery框架结合)
- 好的 vim编辑博客
- kickstart无人值守
- TCP/IP 协议简单分析
- SpringBoot开源项目Jeeplatform
- Java使用RabbitMQ之整合Spring(消费者)
- Visual stuio2015 升级 Update 3+安装.Net Core 安装包之后,无法创建Mvc项目
- vue高级组件之provide / inject
- 启动mongodb出现的问题
- centos磁盘空间重新分配
- Token的生成和检验
- 75道阿里Java面试题,你能答上几道?
- ARP 地址分类 NAT技术