块元素、行内元素、行内块元素区别及其作用
块元素
- 块级元素独占一行,默认会新起一行，如：
div、p、h1
根据这个特性可以实现盒子水平居中
margin: 0 auto;原理 : 块级元素独占一行设置大小后水平方向会剩余空间,设置auto左右会自动分配剩余空间
行内元素（内联元素）
常用的行内元素有
a、span、strong、b、em、label紧跟着前面元素的后面显示，不会换行
宽，高设置无效；只能显示元素内容自身所占的区域大小
内外边距
margin，padding：只能设置左右边距才有效
行内块元素
- 常见的行内块元素有
img、button、input、select、textarea
行内块元素不独占一行，其他特性和块元素完全一样
注意点
- 行内元素脱离文档流后，会变成块元素
a{width: 100px; /*宽度有效*/float: left;
}
- 用
display属性可以将三种元素进行相互转换，从而设置需要的样式
block 是块级元素，inline 是行内元素，inline-block是行内块元素
不积跬步无以至千里 **
块元素、行内元素、行内块元素区别及其作用相关推荐
- 内连接、外连接的区别及作用
1.基本介绍 不管是内连接.外连接还是带where子句的多表查询,都组合自多个表,并生成结果表. 1.内连接:只返回两个表中连接字段相等的行.inner join(等值连接) 只返回两个表中联结字段相 ...
- 元素（块、行内、行内块
块元素的特点 1.支持所有样式 2.块级元素 独占一行 3.块级元素默认宽度和父元素一样 常用块元素块级元素 一般 div p ol ul h1-h6 li dl dt dd 等都是 初始化(样式重置 ...
- html的div块float后宽度无效,行内元素（例如）设置float之后才能用width调整宽度...
本文将要为您介绍的是行内元素(例如)设置float之后才能用width调整宽度,具体完成步骤: 因为只有块元素才会有物理属性,在css世界里边,有三种形态的东西,1.块元素. 特性:有物理属性,wid ...
- 块元素div转变为行内块元素之后如何消除之间间隙
块元素div转变为行内块元素之后如何消除之间间隙 写了三个div,使其变成行内块元素之后,发现,有间隙,哟,我的小天使啊. 最外层父级div宽度width大于三个小div宽度之和 父级div: #aa ...
- 行内元素和块级元素：内联(行级)元素不能设置margin-top
内联(行级)元素 不能设置宽高,但padding属性可以设置,需要注意的是行级元素不能设置margin-top和margin-bottom属性,但可以设置margin-left和margin-righ ...
- 行转换html,块级、行内、行内元素相互转换
块级.行内.行内元素相互转换 html> 块级.行内.行内块元素相互转换 *{margin: 0px;padding: 0px;} body{background: url(images/5.j ...
- 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？
行内元素有哪些? 常用的行内元素: a - 锚点 em - 强调 br - 换行 img - 图片 font - 字体设定(不推荐) span - 常用内联容器,定义文本内区块 input - 输入框 ...
- html行内元素转为块级元素,前端面试题-行内元素和块级元素
一.行内元素 一个行内元素只占据它对应标签的边框所包含的空间. 二.块级元素 块级元素占据其父元素(容器)的整个空间,因此创建了一个"块".通常浏览器会在块级元素前后另起一个新行. ...
- CSS之 块、行内、行内块元素
块元素 独占一行 如h1-h6.p.div.ul.ol.li等: 宽高内外边距可以调: 宽度默认是父级宽度100%: 都是容器盒子,里面可以放行内或块级元素. 注意点:文字类元素如p. ...
最新文章
- 2018 蓝桥杯省赛 B 组模拟赛（一）-年龄
- 练习题知识点整理_C++
- 【Web开发】级联查询（Ajax/ jQuery/ Servlet)
- 计算机网络教程三次握手,计算机网络（二） TCP协议的三次握手
- centos安装软件【google浏览器，QQ】【拷贝旧的文件源作为备份】【软件源更换为清华源】
- 使用了Spring boot devtools, dozer转换嵌套对象失败解决记录
- 文献检索报告 计算机网络管理技术 中农大,文献检索论文--计算机网络管理技术《文献检索》报告.doc...
- PX4Flow使用操作
- 对接京东联盟，签名无效
- Excel表格-数据统计
- 小米盒子 刷系统 参考方法
- 把那个读书的家伙拉出来游坛示众
- 中国工业园区建设与运营市场发展状况与投资战略咨询报告2022-2028年
- route和bridge是什么意思_路由器与网桥的区别是什么
- JAVA程序把大写转换小写_Java程序将字符串转换为小写和大写。
- js 判断变量是否为空
- SCAU10690 分面包
- 计算机网络——IP数据报分析
- 一下子Accepted不了吧
- [C语言] [ 试题详解] 输出九九乘法表
热门文章
- 代码随想录算法训练营day13 | 239. 滑动窗口最大值 | 347.前 K 个高频元素
- 数据挖掘中免费数据集下载网站
- 1月份浏览器排名：Chrome 再次占领霸主地位
- python实战：接口测试
- MacBook Air 2011 版在 Windows 7 下无法连接投影仪，转 VGA 的线是苹果
- yuv422 java_directdraw显示yuv422(yuy2)
- python3中urlopen_python3关于urllib中urlopen报错问题的解决
- 转：线程中CreateEvent和SetEvent及WaitForSingleObject的用法
- 网约车监管信息交互平台启动试运行
- 各种编码中字母和汉字分别占多少字节