小编Dan*_*ell的帖子

如何在打印时避免额外的空白页?

我正在使用CSS属性,

如果我使用page-break-after: always;=>它之前打印一个额外的空白页

如果我使用page-break-before: always;=>它之后打印一个额外的空白页.怎么避免这个?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.print{
    page-break-after: always;

}
</style>
<script type="text/javascript">
window.print();
</script>
</head>
<body>
<div class="print">fd</div>
<div class="print">fdfd</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

css printing

74
推荐指数
9
解决办法
12万
查看次数

如何设置输入宽度以匹配占位符文本宽度

例子http://dabblet.com/gist/5859946

如果您有一个长占位符,默认情况下输入的宽度不足以显示所有占位符文本.

例如

<input placeholder="Please enter your name, address and shoe size">
Run Code Online (Sandbox Code Playgroud)

如果没有设置固定宽度,最好没有javascript,您可以设置输入以显示所有占位符文本吗?

css html5 placeholder

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

在水平滚动中修复列

当用户在X轴上滚动时,我正在尝试在表格中修复我的第一列.我正在使用这个结构:

<div class="table-wrapper">
    <table id="consumption-data" class="data">
        <thead class="header">
            <tr>
                <th>Month</th>
                <th>Item 1</th>
            </tr>
        </thead>
        <tbody class="results">
            <tr>
                <th>Jan</th>
                <td>3163</td>
            </tr>
            <tr>
                <th>Feb</th>
                <td>3163.7</td>         
            </tr>
            <tr>
                <th>Mar</th>
                <td>3163.7</td>
            </tr>
            <tr>
                <th>Apr</th>
                <td>3163.7</td>    
            </tr>
            <tr>    
                <th>May</th>
                <td>3163.7</td>
            </tr>
            <tr>
                <th>Jun</th>
                <td>3163.7</td>
            </tr>

            <tr>
                <th>...</th>
                <td>...</td>
            </tr>
        </tbody>
    </table>
</div>
Run Code Online (Sandbox Code Playgroud)

用户将选择项目数,即表中可能有90个项目.这将需要在X轴上滚动.我遇到的问题是:

如何修复的位置th标签内tbody(中和th:first-childthead)?

我一直在寻找其他一些线程,但是它们并没有真正解释我是如何实现固定列的,这让我很难理解代码的作用和我应该做的事情.

我还检查了人们在另一个表中拆分header-column的解决方案.这对我来说是不可能的,因为我稍后会将数据导出到其他系统.

我的css:

.table-wrapper { 
    overflow-x:scroll;
    overflow-y:visible;
}
Run Code Online (Sandbox Code Playgroud)

这修复了滚动,现在可以使用:

tbody th, 
thead th:first-child {}
Run Code Online (Sandbox Code Playgroud)

有人有任何想法吗?

编辑:这是一个jsFiddle:http://jsfiddle.net/DJqPf/5/

html css

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

如何将javascript设置样式属性返回到CSS默认值

我正在尝试弄清楚如何在使用javascript更改样式属性后,我可以恢复到样式表中的值(包括单位).

在下面的例子,我想的输出来读取100px(在CSS的值),而不是10px作为getComputedStyle给出.

我也保留虚拟div top:25px,因此移除style属性将无法正常工作.

我最好的是克隆节点并读取高度并存储在属性中(http://jsfiddle.net/daneastwell/zHMvh/4/),但这并不是真正得到浏览器的默认css值(特别是如果这是设置在ems).

http://jsfiddle.net/daneastwell/zHMvh/1/

<style>
 #elem-container{
   position: absolute;
   left:     100px;
   top:      200px;
   height:   100px;
 }
</style>

<div id="elem-container">dummy</div>
<div id="output"></div>  

<script>
  function getTheStyle(){
    var elem = document.getElementById("elem-container");
    elem.style.left = "10px";
    elem.style.top = "25px";
    var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue("left");
    document.getElementById("output").innerHTML = theCSSprop;
   }
  getTheStyle();
</script>
Run Code Online (Sandbox Code Playgroud)

javascript css dom

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

Diacritic Case-Insensitive search Loopback

有没有办法使用Diacritic-Case-Insensitive选项查询Loopback + MongoDB上的结果?

例如,如果我想搜索查询olimpic,并且数据库包含以下单词:

Olímpic
olimpic
Olimpic
Run Code Online (Sandbox Code Playgroud)

然后,所有上述内容都应作为结果返回.我尝试过下面列出的多个查询和其他组合,但到目前为止还没有任何工作.

{"where":{"name.text":{"like":"olimpic","options":"i"}}}
{"where":{"name.text":{"like":"/^olimpic$/i","options":"i"}}}
{"where":{"name.text":{"like":"/.*olimpic.*/i"}}}
{"where":{"name.text":{"regexp":"/.*olimpic.*/i"}}}
Run Code Online (Sandbox Code Playgroud)

任何的想法?

提前致谢!

regex mongodb strongloop loopbackjs

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

获取委托事件绑定的根元素 - jQuery

采用以下代码:

    // Bind the click event to the thumbnails.
    $("ul.hpList").on("click", "a.hpThumb", function (event) {

        event.preventDefault();

        var $this = $(this),

        // Surely there has to be a smarter way to do this.
            $hpList = $this.parents("ul.hpList");

        changeItem($this, $hpList);

    });
Run Code Online (Sandbox Code Playgroud)

如何更好地识别事件绑定的根祖先元素.我觉得搜索DOM很糟糕.

jquery

8
推荐指数
1
解决办法
3653
查看次数

Webkit:CSS强制2D变换的硬件加速,而不使用3D CSS属性

无论如何使用webkit中的CSS在不使用3D的情况下强制进行2D变换的硬件加速(例如translateZ(0))(根据在Mobile Safari中加速的2D变换硬件?).

我发现了position: fixed元素的问题,其中元素被设置为等价的东西position: absolute,因此没有相对于视口定位,而是最终相对于父容器定位(如本文中所述http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms /).

我正在选择硬件加速,因为iOS中的转换背景往往会闪烁白色,就像这个错误概述https://github.com/jquery/jquery-mobile/issues/2856一样.

css 3d hardware-acceleration css-transforms

6
推荐指数
1
解决办法
5994
查看次数

如何删除溢出:自动属性?

我已将 div 的溢出属性设置为 auto。但是当我单击按钮时,我希望 div 应该展开并希望删除溢出属性。

#viewNotings{
  width: 310px;
  overflow-x: auto;
}
Run Code Online (Sandbox Code Playgroud)

我想在不同的页面中删除此溢出属性。

css

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

如何使用媒体查询重新排序HTML?

我希望div通过媒体查询更改元素在[查看的文档顺序中]的位置.

<div>1</div>
<div>2</div>
Run Code Online (Sandbox Code Playgroud)

当我改变我的视口然后我想div_1留在div_2.基本上div_1在顶部.但我希望通过媒体查询进行更改.可以吗??

html css html5 css3 media-queries

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

制作REST API:如何使用express for node路由文件路径

var express = require('express');

var app = express();
app.get('/files/:service/:op/:file', function(req, res){
  console.log(req.params.file)
})

app.listen(3000);
Run Code Online (Sandbox Code Playgroud)

通话http://localhost:3000/files/farm/get/chicken将记录chicken.通话http://localhost:3000/files/farm/get/barn/yard/chicken将记录barn.

如何制作快速app.VERB(path, callback) path日志barn/yard/chicken

api rest routing node.js express

3
推荐指数
1
解决办法
1788
查看次数