css块元素和行内元素以及属性详解
2017-07-17 09:20
127 查看
块元素(block element)
div(css layout的主要标签)、dl(定义列表) 、h1~h6(标题)、p(段落)、table(表格) , ul(非排序列表)特点: 会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子
内联元素(inline element)
a(超链接)、span(常用内联容器,定义文本内区块)、i(斜体)、img、em(强调)、label
特点:
和其他元素都在一行上、
元素的高度、宽度、行高及顶部和底部边距不可设置、
元素的宽度就是它包含的文字或图片的宽度,不可改变。
补充:inline-block
将对象呈现为inline对象,但是对象的内容作为block对象呈现,之后的内联对象会被排列在同一行内。
inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,更改非inline-block水平元素为inline-block水平,也会有该问题
解决方法:父元素设置:font-size:0;
相关文章推荐
- 详解 Android Views 元素的 layout_weight 属性
- CSS中position属性详解以及定位的说明——实验2
- Android开发学习笔记:Intent的简介以及属性的详解
- LinearLayout的gravity属性以及其子元素的layout_gravity何时有效;RelativeLayout如何调整其子元素位置只能用子元素中的属性来控制,用RelativeLayout中的gravity无法控制!!!
- mybatis的insert元素属性详解 及 在insert插入数据获取主键id的值
- js基础之DOM中元素对象的属性方法详解
- 详解线程、了解进程与线程的区别以及线程分离与结合属性
- 详解WordPress开发中过滤属性以及Sql语句的函数使用
- Android开发学习笔记:Intent的简介以及属性的详解
- Hibernate注解----类级别注解以及属性注解详解----图片版本
- android:windowSoftInputMode属性详解以及editText监听键盘回车会执行两次的解决方法
- 详解 CSS 属性 - 伪类和伪元素的区别
- 元素边缘android布局属性详解
- Android开发学习笔记:Intent的简介以及属性的详解
- HTML中的attribute属性和JavaScript中的property属性的详解以及区别
- Android自定义属性以及format详解
- python画图的scatter,以及各种属性设置详解,也可以用到plot中
- CSS中position属性详解以及定位的说明——实验3
- Android 布局详解 -三表格布局(TableLayout)以及重要属性
- 关于css中的block元素inline元素 以及positison属性的初步认识。