元素类型

Posted chenshihao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了元素类型相关的知识,希望对你有一定的参考价值。

元素类型分为 行内元素和块元素;

块元素: div h1-h6 p dl dt ul li ol li form table

行内元素: span  em i strong a b

特殊的行内块: img input

 

行内元素的特点:

1 对于行内元素来说,设置宽高 margin-top margin-bottom是不生效的;以及padding-top padding-bottom也不可以用;上下不生效,左右是可以的;

2 所有的行内元素,可以识别回车 成空格;

3 可变元素:css属性 display:block  行内元素可以块元素 还可以 显示;  display:inline, 改变块成行内;display:inline-block块可变行内块;也可通过float属性转换, 设置浮动属性后,也可设置宽高,比如span; display:none 隐藏显示来用;

4 行内块元素与文字放一起,是基线对齐;设置行内块垂直对齐:vertical-line:bottom/top/baseline(default)/middle/text-top/text_bottom. (区别:top盒子的顶端/ text-top文字的顶端)

 

注意: li的默认类型 display:list-item 将元素转换成列表

以上是关于元素类型的主要内容,如果未能解决你的问题,请参考以下文章

元素类型

元素类型

如何获取一个枚举类型元素的个数

Java中数组要点总结

元素类型

jquery - 检查元素的类型