img、input到底是⾏内还是块级元素？
⼀、img、input属于⾏内替换元素。height/width/padding/margin均可⽤。效果等于块元素。
⾏内⾮替换元素，例如, height/width/padding top、bottom/margin top、bottom均⽆效果。只能⽤padding left、right和margin left、right 改变宽度。
⼆、在⽂档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对⽂档之所以重要的原因之⼀。
从元素本⾝的特点来讲，可以分为不可替换元素和替换元素。
不可替换元素
(X)HTML 的⼤多数元素是不可替换元素，即其内容直接表现给⽤户端（例如浏览器）。
html input type属性
如：<h1>我是标题</h1>
替换元素
替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显⽰内容。
例如浏览器会根据<img>标签的src属性的值来读取图⽚信息并显⽰出来，⽽如果查看(X)HTML代码，则看不到图⽚的实际内容；⼜例如根据<input>标签的type属性来决定是显⽰输⼊框，还是单选按钮等。
(X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替换元素。这些元素往往没有实际的内容，即是⼀个空元素。
如：<img src="tigger.jpg"/>
<input type="submit" name="Submit" value="提交"/>
替换元素⼀般有内在尺⼨，所以具有width和height，可以设定。例如你不指定img的width和height时，就按其内在尺⼨显⽰，也就是图⽚被保存的时候的宽度和⾼度。
对于表单元素，浏览器也有默认的样式，包括宽度和⾼度。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。