凡科做网站技巧/小熊猫seo博客

先声明，对于这个概念，不需要深入探究，因为厂商并不一定按规范走，了解就好。


对replaced element的理解应该是可以影响容器，比如说width和height啥的，不会影响里面的内容。
但是事实上也并不是这样。

插入一条：
有些人喜欢问一个问题，行内元素没办法设置宽高，为什么<input>却可以设置width?
然后他们接下来就要告诉你，因为输入框是置换元素。
这种明显就是只草草的看了一下，没有自己去尝试的，自己可以去试试，input和textarea在chrome的display明明就是inline-block。你管他叫行内元素？

而且输入框也不是置换元素。

按照文档的说法，对于<input>，只有type=“image”是置换元素，别的type都不是。
如果刚刚要举例，应该用<image>来举例，因为它既是inline也是置换

那问题来了，为啥普通的<input>可以设置width属性，这谁知道呢，反正始终明确一点，这个东西没必要深究，因为根本禁不起推敲。知道他能设width就行了。。

总结就是：
这些能直接设width属性的，如果css里写了width，css中的优先级更高。
置换元素一般有固定的尺寸，同时，分为有宽高比和没有的，image有，所以它只设width或者height，另一项也会随之变化。