Displace element/Replace element:
Depending on the label and attributes of the element, the browser determines the specific display of the element.
The browser displays the picture based on the src attribute of . Determines whether an input box or a button is displayed, depending on the type property of <input>.
Permutation elements include:<input><textarea><select><object> and so on.
the permutation element differs from the normal inline element :
Displacement elements have intrinsic dimensions, and they can set the Width,height property.
The reason is that the replacement element generates a box when it is displayed.
The definition of permutation elements in the list:
The "an element was outside the scope of the CSS formatter, such as an image, embedded document, or applet"
Non-permutation element/non-replacement element:
Most of the elements in the browser are non-replaceable elements, meaning that their contents are displayed directly to the browser.
Description: Non-permutation elements are not clearly defined in the map, non-permutation elements correspond to permutation elements, we understand the permutation elements, we can understand the non-permutation elements.
(This article is for learning and communication only.) If you have different views, please leave your valuable comments ~)
Permutation elements and non-permutation elements