这个啥功能一段不明飞行物留下的代码_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:06:39
asal
974 orang telah melayarinya


.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}。。这个啥功能


回复讨论(解决方案)

css content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。

css content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。

插入啥。。插入后变成什么情况

这明显是用来清除浮动的代码

完美的清除浮动的解决方案就是伪类 + 触发IE下的私有属性 hasLayout来解决

.cf:after{display:block;content:'';clear:both;}
.cf{zoom:1}

这种方法的前身就是利用空标签来清除浮动,只不过由于空标签清除浮动在结构语义上不太符合规范(凭空多出空标签),所以配合伪类来实现如此效果


css content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。

插入啥。。插入后变成什么情况
content 引号里面的内容 这里是一个点号

这明显是用来清除浮动的代码

完美的清除浮动的解决方案就是伪类 + 触发IE下的私有属性 hasLayout来解决

.cf:after{display:block;content:'';clear:both;}
.cf{zoom:1}

这种方法的前身就是利用空标签来清除浮动,只不过由于空标签清除浮动在结构语义上不太符合规范(凭空多出空标签),所以配合伪类来实现如此效果


不明觉历



css content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。

插入啥。。插入后变成什么情况
content 引号里面的内容 这里是一个点号

为什么要加点号?




css content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。

插入啥。。插入后变成什么情况
content 引号里面的内容 这里是一个点号

为什么要加点号?
你愿意加什么就加什么,不过这种方式加了之后还会显示出来,所以后跟visibility: hidden;不可见

其实没有必要,直接content:'' 里面直接为空字符串即可,还无需隐藏





css content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。

插入啥。。插入后变成什么情况
content 引号里面的内容 这里是一个点号

为什么要加点号?
你愿意加什么就加什么,不过这种方式加了之后还会显示出来,所以后跟visibility: hidden;不可见

其实没有必要,直接content:'' 里面直接为空字符串即可,还无需隐藏

直接content:'' 里面直接为空字符串即可??到底是啥意思。。后面什么都没加。。有何用意?

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!