使用jquery应用clear-fix或micro clear-fix

时间:2012-10-10 16:53:58

标签: jquery css-float clearfix

所以我要做的就是使用jquery应用clear-fix或micro clear-fix。原因是我无法访问CSS所以我一直在使用jquery来完成我的所有类和其他css相关的需求。这真的是我无法做到的一件事,所以我需要一些帮助。

两种方法: clearfix

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

和micro clearfix

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

使用psuedo技术,我不知道如何使用jquery应用它。我一直在做

var small_h = {
    "font-size":    "10.4px",
    "margin-left":  "7px"  
};

$(".small_h").css(small_h);

对于我的css传统上,但由于我无法访问样式表,我只需要使用Jquery来定义它们。当然,如果你能想到一个聪明的方法来做这个,我知道这个奇怪的要求,当然不是那样的,但这是一个工作限制,提前感谢你的帮助。

2 个答案:

答案 0 :(得分:0)

要将CSS注入页面,请使用:

var css = '.clearfix:after ......... ';
$('<style type="text/css">' + css + '</style>').appendTo('head');

然后,申请上课:

$(".small_h").css(small_h).addClass('cf');

答案 1 :(得分:0)

您可以将样式块直接附加到头部。

例如:

$('head').append('<style type="text/css"> .c{ color:red; } .c:after{ content:\' :)\'; } </style>');​

http://jsfiddle.net/xgYYP/