小编Man*_*gna的帖子

如何使用PHPStorm IDE中的SCSS文件观察器来缩小CSS

有没有办法配置SASS FileWatcher所以它构建一个Minified CSS?

我目前配置了SASS + YUI Compressor来实现这一目标,但如果可能的话,我想用纯SASS做到这一点.

以下是两种配置的屏幕截图:

上海社会科学院

YUI Compressor CSS

提前致谢.

sass minify yui-compressor phpstorm

28
推荐指数
2
解决办法
2万
查看次数

Bootstrap:如何在一行上创建一系列div来隐藏溢出的div

我有一个使用bootstrap构建的站点,我想使用jquery.dragscroll插件创建一个带有可滑动标头的表,但保留流体网格内置引导程序.

所以我想创建表的标题,我正在使用这个HTML:

<div class="row-fluid">
    <div class="span12">
        <div style="overflow:hidden;width:90%;">
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
            <div style="display:inline-block;width:100px">some content</div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

代码在这里:http://jsfiddle.net/cVfzJ/1/

正如我们在小提琴中看到的那样,所有div都可以在两行中看到,我的目标是将所有div放在一行上(隐藏溢出的div)

我希望这个问题很清楚

css css3 twitter-bootstrap

9
推荐指数
1
解决办法
5万
查看次数

OpenGraph:自定义属性未在帖子中显示

我为我的应用创建了自定义对象/动作/聚合.

https://graph.facebook.com/10151038251679973

一切正常,但现在我想为我的对象添加自定义属性.

我已经成功添加了两个属性:when和facility.

问题是,当我共享对象(即在我的墙上发布链接)时,自定义属性不会显示.

任何的想法?我还要做一些额外的配置吗?

post facebook opengraph facebook-opengraph

7
推荐指数
1
解决办法
3381
查看次数

模仿:使用css类悬停css

我有一系列div用于创建"星级"输入.通常情况下,恒星是灰色的,当鼠标越过其中一颗恒星时,恒星会填充一种颜色,并且它正在工作.

现在我想要一个"模仿":悬停行为的类,我调用它,active所以当我把那个星星填满颜色时,但是这不起作用.

这里的代码:

HTML

<span class="rating">
 <span class="star active"></span>
 <span class="star"></span>
 <span class="star"></span>
 <span class="star"></span>
 <span class="star"></span>
</span>
Run Code Online (Sandbox Code Playgroud)

CSS

.rating span.star:before {
    content: "\f005";
    padding-right: 5px;
    color: #bbb;
}

.rating span.star:hover:before, .rating span.star.active, .rating span.star:hover ~ span.star:before {
    color: #ffbe0d;
}
Run Code Online (Sandbox Code Playgroud)

这是小提琴:http://jsfiddle.net/fuTfX/

我正在使用FontAwesome来显示星星

css css3 font-awesome

5
推荐指数
1
解决办法
514
查看次数

图片不能正常工作 - 它是Chrome Bug吗?

我遇到了chrome的问题,我想知道是不是一个错误或我的错.

当我尝试使用一个名为300x250.pngIMG的图像时,从浏览器中删除了IMG,这与其他文件名的图像不会发生.

HTML:

<img src="300x250.png"> <!-- not working -->
<img src="300x25.png"> <!-- working -->
<img src="300x2500.png"> <!-- working -->
<img src="a300x250.png"> <!-- working -->
<img src="100x250.png"> <!-- working -->
Run Code Online (Sandbox Code Playgroud)

有人对此有解释吗?

html css browser google-chrome image

4
推荐指数
1
解决办法
5032
查看次数