首页 > 试题广场 >

说一下块元素和行元素

[问答题]
请你说一下块元素和行元素是什么
1.关于行内元素和块级元素的说明 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子;与之相反,像“span”“a”这样的行内元素,则没有自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。 2.行内、块级元素区别: (1).块级元素会独占一行,其宽度自动填满其父元素宽度 行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容而变化 (2). 一般情况下,块级元素可以设置 width, height属性,行内元素设置width, height无效 (注意:块级元素即使设置了宽度,仍然是独占一行的) (3).块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。(水平方向有效,竖直方向无效)
发表于 2019-03-18 00:16:57 回复(0)
块元素会独占一行,且有宽高,可自行设置
行级的会在同一行显示
发表于 2019-07-29 18:28:57 回复(0)
块元素:html中p、div、h1-h6、ul、ol、table、dl等元素都是块级元素。块级元素的特点是宽度、高度、行高、底/顶边距都可以设置,且一个块元素占据一行。
行元素:span、a、button、abbr、b、i、em等元素都是行内元素。行内元素的特点是宽度、高度、元素之间间距、底部边距不可设置。和其他元素在同一行。
发表于 2019-07-17 14:51:31 回复(0)

块内元素独占一行 可以设置元素的宽高margin padding 块内元素可以包含块内元素和行内元素

行内元素不可设置宽高等 只能包含行内元素

发表于 2019-06-06 16:59:01 回复(0)
块元素:独占一行,并且有自动填满父元素,可以设置margin和pading以及高度和宽度 行元素:不会独占一行,width和height会失效,并且在垂直方向的padding和margin会失 效。
发表于 2019-04-29 21:07:23 回复(0)
块元素的特性 1.独霸一行,总是在新行上开始 2.宽度缺省是它父级元素的100%,除非设定一个宽度 3.高度、行高、外边距、内边距都可以设置 4.可以容纳其他内联元素或者其他块元素 行内元素的特性 1 .和其他元素都在一行上,遇到父级元素边界会自动换行 2 .高、行高以及内外边距都不可以改变 3 .宽度与内容一样宽,且不可改变 4 .行内元素只能容纳文本或者其他行内元素 对于行内元素,需要注意的是:设置宽度width无效,设置高度无效,可以通过设置line-height来设置,设置margin只有左右有效,上下无效,设置padding只有左右有效,上下无效
发表于 2019-04-27 22:35:35 回复(1)
行元素 1 可以和其他元素在同一行 不需要另起一行 2 不能设置width和height属性 宽高由内容决定 3 上边距和下边距不可设置 块元素 1 每个块元素都是独占一行显示 2 宽高 内外边距都可以设置
发表于 2019-04-27 16:58:00 回复(0)
·块级元素
  1.总是从新的一行开始
  2.高度、宽度都是可控
  3.宽度没有设置时,默认为100%
  4.块级元素中可以包含块级元素和行内元素

·行内元素
  1.和其他元素都在一行
  2.高度、宽度以及内边距都是不可控的
  3.宽高就是内容的高度,不可以改变
  4.行内元素只能行内元素,不能包含块级元素

发表于 2019-03-22 19:13:25 回复(0)
块元素默认属性为block,可设宽高,可设内外边距,独占一行,比较常见块元素有: p,div,h1-h6,ul,li
行内元素默认属性为:inline,不可设宽高和上下内外边距,不会独占一行,常见的行内元素有:span,i,b,img,e,a
发表于 2019-03-19 10:43:15 回复(0)
块级有宽高等等,行级就是一行
发表于 2019-01-12 23:08:23 回复(1)