小编JRu*_*lle的帖子

您可以在当前Web浏览器的HTML标记中使用多个css类,例如:

<div class="style1 style2 style3">foo bar</div>

这并不总是奏效; 哪些版本的主流浏览器开始正确支持此功能？

我正在尝试创建一个javascript对象,为其上设置的属性计算各种值.我已经编译了这个我想要实现的简单示例:JSFIDDLE

var obj = {};
obj.a = 2;
obj.b = 5;
obj.avg = "(obj.a + obj.b)/2"; 
obj.rounded = "Math.floor(eval(obj.avg))";

console.log("rounded avg: " + eval(obj.rounded));
//simulate changing properties
obj.a = Math.floor(Math.random() * 10);
obj.b = Math.floor(Math.random() * 10);
console.log("rounded avg: " + eval(obj.rounded));

上面的代码目前实现了我想要的(使用标准设置值,如'a'和'b'来计算'avg',然后在第二次计算中使用'avg''四舍五入').

有没有更好的方法来实现这一点(理想情况下,eval()无论在另一个属性中引用计算属性时都没有调用).

我想要的是计算的属性像函数一样(在引用时计算它们的值)而不是最初计算它们的值而不是更改 - 我想避免使用它()来调用函数(这样我就可以参考了)简单值和计算值都是相同的 - 只是通过它们的属性名称).

How i can center div elements horizontally, so when i change the width of the browser, the last div go down with css?

So:

---||||-||||-||||---

--------||||--------

When i write:

<div style="float: left; position: relative; left: 50%;">
  <div style="float: left; position: relative; left: -50%;">
    <div style="width:315px; height:340px; float: left; margin-top: 10px; margin-bottom: 10px;">Text</div>
    <div style="width:315px; height:340px; float: left; margin-top: 10px; margin-bottom: 10px;">Text</div>
    ...
  </div>
</div>

Then after a element go down, all div elements go to the left side.

我有这个按钮清单

HTML：

<button>A</button>
<button>B</button>
<button class="special">C</button>
....

CSS：

button {
    background-color: grey;
    color: #fff;
    border: none;
    border-radius: 2px;
    box-shadow: 1px 1px 0 0.8px #C0CBD1;
    height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 30px;
    font: 500 16px/36px sans-serif;
}

.special {
    font-size: 30px;
}

jsfiddle

现在，我所做的是，特殊按钮具有更大的字体大小。奇怪的是，增加了font-size此按钮的上移次数。我想这都是很逻辑的，但是找不到解释（这当然应该可以帮助我解决这个问题！）

我一直在试图找出如何删除.change()jquery处理程序，但没有运气。当选中单选按钮时，我正在使用它来激活某些表单字段，但是我不希望它为以后的每次更改触发。

$('.radio').change(function(){
    alert("changed");
    $('.fields').removeAttr('disabled');
    //this is where I try removing the change handler
    $(this).off('change');
});

JSfiddle演示

charts.js通过在圆圈的上半部分采用垂直半径,然后从那里顺时针移动,看起来像是一个馅饼.这在大多数情况下都很有效,但是对于只有2个类别的饼图,如果可以旋转它以使切片居中,那将是很好的,如下所示:

通过取360的百分比并除以2 (.14*360)/2 = 25.2度来计算旋转,所以如果我可以申请

transform: rotate(-25.2deg);

到圆圈我会很好.

因为charts.js把它放在画布上(而不是<svg>),我不知道如何对它进行任何转换.不确定是否相关,但这是我的图表代码:

HTML

<canvas id=canvas style='width:300px;height:300px;'></canvas>

JS

openRate = [
            {
                value: 488,
                color: "#FF9030",
                highlight: "rgba(255, 144, 48, 0.44)",
            },
            {
                value: 3475,
                color: "#008DB7",
                highlight: "rgba(0, 141, 183, 0.82)"
            }
        ];

var ctx=document.getElementById('canvas').getContext("2d");
var chart=new Chart(ctx).Pie(openRate);

还有一个小提琴:http: //jsfiddle.net/msy6kf3a/

我有一个div.这很简单.这是下面的CSS代码.

#example {
    background: #dcdcdc;
    background-position: center;
    postition: relative;
    width: 980px;
    text-align: center;
    margin: 0px auto;
    padding: 1px;
    min-height: 30px;
}

HTML代码:

<div id="example">testtesttesttesttesttesttesttesttesttesttesttest</div>

如您所见,它只包含从数据库表中选择的文本.问题是,当文本的长度比屏幕宽时,它不会开始换行,它会过去.我想让它开始一个新的路线.我怎么能这样做？

注意:溢出隐藏在页面上.我只在Chrome 13和FF 3.6中测试了这个页面.