什么是行内元素,什么是块级元素

什么是行内元素,什么是块级元素

小呀么小二郎呀
浏览 4351回答 6
6回答

慕莱坞9220042

你好:1.行内元素与块级元素直观上的区别    行内元素会在一条直线上排列,都是同一行的,水平方向排列    块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。3.行内元素与块级元素属性的不同,主要是盒模型属性上行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效望采纳!

刚毅87

  <!-- ============================================ -->   <!-- =================  行属性  ================== -->   <!-- ============================================ -->   <!--     <a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>等   -->   <!--     1.行属性标签它和其它标签处在同一行内     2.行属性标签无法设置宽度,高度 行高 距顶部距离 距底部距离     3.行属性标签的宽度是直接由内部的文字或者图片等内容撑开的     4.行属性标签内部不能嵌套行属性标签(a链接内不能嵌套其他链接)   -->   <!-- ============================================ -->   <!-- =================  块属性  ================== -->   <!-- ============================================ -->   <!-- <div>、<p>、<h1>…<h6>、<ol>、<ul>、<li>、<address>、<blockquote>、<form> -->   <!--     1.每一个快属性标签都是从新的一行开始,而且之后的元素也都会从新的一行开始     (因为每一个块属性标签都会直接占据一整行的内容,导致下面的内容也只能从新的一行开始)     2.块属性标签都是可以设置宽度、高度,行高,距顶部距离,距底部距离     3.块属性标签的宽度假如不做设置,会直接默认为父元素宽度的100%     4.块属性标签是可以直接嵌套的     5.p标签中不能嵌套div标签   -->望采纳!

杰伦家外的小麻雀

行内元素就是灰在一行显示,块级的话会另开一行,比如span 他就是行内元素,比如<span>a</span><span>b</span>显示的话会是a,b在同一行,而对于div这种块级元素的话,如果<div>c</div><div>d</div>,这样c,d不会在同一行,会另开一行

_是你_

块级元素: div h1~h6 ul ol  p dl table form...行内元素: a span label  em strong ...内联块级: img input内联块级元素:和其他元素同一行(行内元素特点),可以设置元素的宽高等(块级元素特点)。display:inline-block 设置成内联块级元素。display:inline 内联元素display:block 块级元素

qyy2499760117_叶子

 块级元素占一行,不论内容多少只要是有2个这样的元素就会换行,行内元素内容少时不会换行 行内元素会在一条直线上排列,都是同一行的,水平方向排列 块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。行内元素与块级元素属性的不同,主要是盒模型属性上行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效块级元素(block element)div -最常用的块级元素dl - 和dt dd搭配使用的块级元素form - 交互表单h1 - 大标题hr - 水平分隔线ol - 排序表单p - 段落ul - 非排序列表内联元素(inline element)a - 锚点b - 粗体(不推荐)br - 换行em - 强调font - 字体设定(不推荐)i - 斜体img - 图片input - 输入框label - 表格标签select - 项目选择small - 小字体文本span - 常用内联容器,定义文本内区块strike - 中划线strong - 粗体强调sub - 下标sup - 上标textarea - 多行文本输入框tt - 电传文本u - 下划线
打开App,查看更多内容
随时随地看视频慕课网APP