从定义中我们可以理解到，置换元素（replaced element）主要是指 img, input, textarea, select, object 等这类默认就有 CSS 格式化外表范围的元素。进而可知，非置换元素（non-replaced element）就是除了 img, input, textarea, select, object 等置换元素以外的元素。

替换元素：替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。
比如： type="text" 的是，这是一个文本输入框，换一个其他的时候，浏览器显示就不一样。(X)HTML中的、、、<select>、<object>都是替换元素，这些元素都没有实际的内容。<p>替换元素可增加行框高度，但不影响line-height,内容区高度值 = padding-top + padding-bottom + margin-top + margin-bottom + height。<br />要想替换元素居中，可以设置line-height = height， vertral-align = middle。<br />（vertical-align:middle,是将元素行内框的垂直中点与父元素基线上0.5ex处的一点对齐。）<p>非替换元素：(X)HTML 的大多数元素是不可替换元素，他们将内容直接告诉浏览器，将其显示出来。<br />比如<p>p的内容</p>、<label>label的内容</label>；浏览器将把这段内容直接显示出来。<p>非替换元素添加padding-top或padding-bottom，不影响行框高度，但内容区高度会变化，margin-top，margin-bottom对行框没有任何影响。添加左右边距会影响非替换元素水平位置。要使非替换元素在父元素框内居中，可以设定line-height = 父元素框的高度。 </p><a class="downbb html2word" href="javascript:;" data-model="article" data-id="adeasv">下载本文</a> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/nrhou.js"></script></div> </mip-showmore> <div on="click:showmore01.toggle" data-closetext="收起全文" class="mip-showmore-btn">显示全文</div></section> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/dajia.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/cnxh.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/cnxhhou.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/wntj.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/wntjhou.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/mwz/end.js"></script> <div style="display:none"><a href="https://m.51dongshi.net/wzztf/ad/adeasv/">专题</a></div><iframe src="https://hits.51dongshi.net/?biao=ho_article&id=920937" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe> <link rel="stylesheet" href="https://jss.51dongshi.net/js/fffz/css/box.css"> <script id="fffz" data-domain="//m.51dongshi.net" src="https://js.51dongshi.net/js/fffz/fffz.js"></script> <div class="foot_new"> <div class="footlogo"></div> <div class="copyright">懂视 51dongshi.net 版权所有<br>Copyright © 2019-2025 </div> </div> </div><script type="text/javascript" src="https://jss.51dongshi.net/mwz/zuihou.js"></script> <script> $(function(){ var downbox_top = $('.downbox').offset().top-$(window).scrollTop(); $(window).scroll(function(){ if ($(window).scrollTop()>$('.downbox').offset().top+$('.downbox').height()) { if($('.downbb').length>0) $('.downbb').show() }else{ if($('.downbb').length>0) $('.downbb').hide() } }) }) </script> <div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body> </html>