可替换元素(replaced element)
- 大多有自己的固有尺寸
Demo-1
Demo-2
- 一些CSS属性有自己的一套表现规则
一些替换元素的默认display属性
元素 |
Chrome |
Firefox |
IE |
<img>
|
inline |
inline |
inline |
<iframe>
|
inline |
inline |
inline |
<video>
|
inline |
inline |
inline |
<select>
|
inline-block |
inline-block |
inline-block |
<input>
|
inline-block |
inline |
inline-block |
range|file <input>
|
inline-block |
inline-block |
inline-block |
hidden <input>
|
none |
none |
none |
<button>
|
inline-block |
inline-block |
inline-block |
<textarea>
|
inline-block |
inline |
inline-block |
content属性生成匿名替换元素(anonymous replaced element)
- content生成的文本不能复制(类似user-select:none) Demo-1
- :empty伪类不计算content内容 Demo-1
- content动态生成的值无法获取
content内容生成介绍
- 字符内容生成 Demo-1
- content使用图片url Demo-1